/* ===========================================================================
   Rabbit design tokens — single source of truth for colour, type, space, etc.
   Extracted from the approved Style Guide + Home reference.
   =========================================================================== */
:root{
  /* Brand colours */
  --lime:#E0FF17;        /* signature accent / CTA fill (dark text on top, never lime text on light) */
  --forest:#063C2D;      /* base / headings / dark sections */
  --forest-deep:#0A2A20; /* company / restrained dark section */
  --teal:#61ABB5;        /* secondary accent */
  --sage:#D8E6D8;        /* light card surface */
  --ink:#1A1A1A;         /* text / footer bg */
  --paper:#F5F3EE;       /* warm light background */

  /* Neutrals */
  --card-border:#ECE8E0;
  --gray-50:#F5F5F5;
  --gray-300:#C4C4C4;
  --gray-500:#6a6a6a;
  --gray-700:#444444;
  --muted:#5e5e5e;

  /* Semantic states */
  --success:#1F8A5B;
  --error:#E5484D;
  --warning:#F5A524;

  /* Typography */
  --font-latin:'Poppins', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --font-arabic:'Cairo','Poppins', system-ui, sans-serif;

  /* Spacing scale (4px grid) */
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-6:24px;
  --s-8:32px; --s-12:48px; --s-16:64px; --s-24:96px;

  /* Radii */
  --r-card:20px;
  --r-card-lg:22px;
  --r-pill:999px;
  --r-tape:3px;
  --r-input:13px;

  /* Shadows */
  --sh-card:0 8px 18px rgba(0,0,0,.18);
  --sh-tape:drop-shadow(0 6px 5px rgba(0,0,0,.28));
  --sh-tape-lg:drop-shadow(0 8px 9px rgba(0,0,0,.38));
  --sh-torn:drop-shadow(0 6px 5px rgba(0,0,0,.2));
  --sh-float:0 12px 24px rgba(0,0,0,.3);
  --sh-phone:0 36px 70px rgba(0,0,0,.55);

  /* Motion */
  --ease:cubic-bezier(.2,.8,.2,1);
  --pop:cubic-bezier(.34,1.56,.64,1); /* overshoot for dramatic screen swaps */

  /* Layout */
  --maxw:1180px;
  --maxw-content:1100px;
  --gutter:clamp(16px,4vw,40px);

  /* Tape edge masks — torn ends (labels) + wavy long edges (strips) */
  --tape-edge:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20120%2040'%20preserveAspectRatio='none'%3E%3Cpath%20fill='%23fff'%20d='M3,4%20L117,1%20L114,8%20L119,15%20L115,21%20L119,28%20L114,37%20L5,39%20L1,32%20L5,24%20L2,16%20L4,9%20Z'/%3E%3C/svg%3E");
  --tape-strip:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2054%2040'%20preserveAspectRatio='none'%3E%3Cpath%20fill='%23fff'%20d='M0,6%20Q13.5,1%2027,6%20T54,6%20L54,34%20Q40.5,39%2027,34%20T0,34%20Z'/%3E%3C/svg%3E");

  /* Textures — crumpled green paper (emboss) + film grain */
  --emboss:url('data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22700%22%20height=%22700%22%3E%3Cfilter%20id=%22c%22%20x=%220%22%20y=%220%22%20width=%22100%25%22%20height=%22100%25%22%3E%3CfeTurbulence%20type=%22fractalNoise%22%20baseFrequency=%220.006%200.008%22%20numOctaves=%225%22%20seed=%226%22%20stitchTiles=%22stitch%22%20result=%22t%22/%3E%3CfeDiffuseLighting%20in=%22t%22%20lighting-color=%22%231f6e51%22%20surfaceScale=%224.2%22%20diffuseConstant=%221.15%22%20result=%22d%22%3E%3CfeDistantLight%20azimuth=%22225%22%20elevation=%2246%22/%3E%3C/feDiffuseLighting%3E%3CfeColorMatrix%20in=%22d%22%20type=%22matrix%22%20values=%220.42%200%200%200%200%200%200.72%200%200%200%200%200%200.58%200%200%200%200%200%200%201%22/%3E%3C/filter%3E%3Crect%20width=%22100%25%22%20height=%22100%25%22%20filter=%22url(%23c)%22/%3E%3C/svg%3E');
  --grain:url('data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22180%22%20height=%22180%22%3E%3Cfilter%20id=%22g%22%3E%3CfeTurbulence%20type=%22fractalNoise%22%20baseFrequency=%220.9%22%20numOctaves=%222%22%20stitchTiles=%22stitch%22/%3E%3CfeColorMatrix%20type=%22saturate%22%20values=%220%22/%3E%3C/filter%3E%3Crect%20width=%22100%25%22%20height=%22100%25%22%20filter=%22url(%23g)%22%20opacity=%220.55%22/%3E%3C/svg%3E');
}