/* Rada design tokens · v1.0 · mirrors design-system/tokens.json */
@font-face{font-family:IRANSansX;src:url('../assets/fonts/IRANSansXFaNum-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:IRANSansX;src:url('../assets/fonts/IRANSansXFaNum-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:IRANSansX;src:url('../assets/fonts/IRANSansXFaNum-DemiBold.woff2') format('woff2');font-weight:600 900;font-display:swap}
@font-face{font-family:Ravagh;src:url('../assets/fonts/RavaghFaNumVF.woff2') format('woff2');font-weight:100 900;font-display:swap}

:root{
  color-scheme:light;

  /* Color · neutrals */
  --canvas:#f5f5f5;
  --surface:#ffffff;
  --surface-sunken:#eceeea;
  --line:#e2e5df;
  --control:#7b887e;
  --ink:#25332e;
  --ink-muted:#626e66;

  /* Color · cypress (primary) */
  --cypress:#1164B4;
  --cypress-hover:#0d5092;
  --cypress-deep:#093461;
  --on-cypress:#ffffff;
  --tint:#e9f2fc;

  /* Color · light blue accent (legacy token names retained) */
  --lime-100:#f0f6fd;
  --lime-200:#dcecff;
  --lime-400:#b9d8fa;

  /* Color · status */
  --success:#286249;--success-soft:#eaf4ed;
  --warning:#8a5700;--warning-soft:#fff3da;
  --error:#b2393e;--error-soft:#fcebec;
  --info:#315d88;--info-soft:#eaf1f8;
  /* Color · card badges (owner's values): discount and instalments */
  --sale:#da1e27;--sale-soft:#ffeaeb;
  --pay:#0068c8;--pay-soft:#e8f3fe;

  --backdrop:#16251d52;
  --focus:var(--cypress);

  /* Type */
  --font-display:Ravagh,IRANSansX,Tahoma,sans-serif;
  --font-sans:IRANSansX,Tahoma,sans-serif;
  --font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;

  /* Spacing · 4px base */
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;
  --space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;

  /* Radius */
  --radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;

  /* Elevation */
  --shadow-soft:0 2px 3px #343c2b08,0 10px 24px #343c2b0d;
  --shadow-photo:0 2px 4px #343c2b14,0 18px 36px #343c2b1f;
  --shadow-float:0 4px 10px #1932280f,0 16px 40px #1932281f;
  --shadow-dialog:0 24px 80px #19322826;
  --shadow-button:inset 0 1px 0 #ffffff29,0 2px 3px #18392b17;
  --focus-ring:0 0 0 2px #f5f5f5,0 0 0 5px #1164B4;

  /* Motion · soft: enter a little slower, exit always faster */
  --duration-press:160ms;
  --duration-fast:200ms;
  --duration-base:260ms;
  --duration-slow:340ms;
  --duration-drawer:480ms;
  --duration-spring:600ms;
  --duration-exit:180ms;
  --duration-stagger:40ms;
  --ease-out:cubic-bezier(0.25,1,0.5,1);
  --ease-in-out:cubic-bezier(0.65,0,0.35,1);
  --ease-drawer:cubic-bezier(0.32,0.72,0,1);
  --ease-spring:linear(0,0.074,0.229,0.402,0.561,0.692,0.793,0.867,0.919,0.953,0.975,0.989,0.997,1.001,1.002,1.003,1.003,1.002,1);
  --ease-color:ease;

  /* Size */
  --control-height:44px;--control-height-sm:36px;
  --icon-md:20px;--icon-sm:16px;
  --container:1200px;

  /* Layers */
  --z-header:20;--z-popover:40;--z-toast:60;--z-overlay:80;
}

/* Browsers without linear(): the spring falls back to the soft ease-out. */
@supports not (transition-timing-function:linear(0,1)){
  :root{--ease-spring:cubic-bezier(0.25,1,0.5,1)}
}

/* Type styles */
.display-xl{font:600 48px/1.4 var(--font-display)}
.display-lg{font:600 32px/1.4 var(--font-display)}
.heading{font:600 28px/1.5 var(--font-display)}
.heading-sm{font:600 24px/1.5 var(--font-display)}
.body-lg{font:400 16px/1.9 var(--font-sans)}
.body{font:400 14px/1.85 var(--font-sans)}
.label{font:500 14px/1.7 var(--font-sans)}
.price{font:600 16px/1.6 var(--font-sans)}
.caption{font:400 12px/1.8 var(--font-sans)}
.code{font:400 12px/1.6 var(--font-mono)}

/* Illustration palette: the home hero's parcel journey (.r-journey) only, never for interface parts. Warm clay, kraft and sage beside cypress. */
:root{
  --art-sky:#fff3e2;--art-ground:#f1e4cf;--art-road:#e2d6c3;--art-cream:#fbefe2;
  --art-sun:#f4b13e;--art-sun-soft:#fde6b3;
  --art-clay:#d4704b;--art-clay-deep:#a9523a;--art-clay-soft:#f5d6c4;
  --art-kraft:#d3a26f;--art-kraft-deep:#ad7d4c;--art-kraft-light:#ebcd9f;
  --art-sage:#69a27e;--art-sage-deep:#3f7a57;--art-sage-soft:#d7ebdc;--art-hill:#e6efdc;
  --art-rose:#e85d6f;--art-wood:#a26c46;
  /* One loop of the journey: every keyframe of it is a percentage of this, so the parts stay in step. */
  --duration-journey:15s;
}