/* ============================================================
   وقفی نو DESIGN SYSTEM — DESIGN TOKENS
   Extracted verbatim from the approved homepage template.
   Do NOT change existing values — this file is the source of truth.
   ============================================================ */

:root {
  --brand-050: #eaf2fd;
  --brand-100: #d5e6fb;
  --brand-200: #a8c9f7;
  --brand-300: #7aabf2;
  --brand-400: #4d8dee;
  --brand-500: #2b7de9;
  --brand-600: #1565d8;
  --brand-700: #0f4fae;
  --brand-800: #0d3f7d;
  --brand-900: #0a2d5a;
  --gold: #F6B024;
  --gold-light: #F6B024;
  --ink: #122a41;
  --ink-soft: #54677d;
  --ink-muted: #8a9db3;
  --line: #e3eaf3;
  --line-strong: #c8d8e8;
  --surface: #fff;
  --surface-soft: #f4f7fb;
  --surface-raised: #f8fafd;
  --card-bg: #fff;
  --card-elevated: #ffffff;
  --header-bg: rgba(255, 255, 255, .92);
  --hero-grad: linear-gradient(160deg, #f6f9fe 0%, #eaf2fd 48%, #f3f7fc 100%);
  --hero-blob-a: #bcd8fa;
  --hero-blob-b: #cfe3fb;
  --font-body: 'Vazirmatn', 'Segoe UI', Tahoma, sans-serif;
  --shadow-xs: 0 1px 3px rgba(13, 63, 125, .05);
  --shadow-sm: 0 2px 10px rgba(13, 63, 125, .07);
  --shadow-md: 0 12px 32px -8px rgba(13, 63, 125, .14);
  --shadow-lg: 0 20px 48px -12px rgba(13, 63, 125, .2);
  --shadow-glow: 0 0 40px rgba(21, 101, 216, .15);
  --radius-sm: 10px;
  --radius: 14px;
  --radius-lg: 20px;
  --header-h: 4.5rem;
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --ease-snappy: cubic-bezier(.34, 1.4, .64, 1);
  --ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);

  /* --- Semantic additions (same hue family; used for status/validation/a11y) --- */
  --success: #1e8e5a;
  --success-soft: #e6f6ee;
  --success-strong: #146b45;
  --danger: #d64545;
  --danger-soft: #fdeaea;
  --danger-strong: #b02f2f;
  --gold-soft: rgba(246, 176, 36, .16);
  --gold-strong: #F6B024;
}

html[data-theme="dark"] {
  --brand-050: #14294a;
  --brand-100: #1d3a63;
  --brand-200: #2a5088;
  --brand-300: #3a6ab5;
  --brand-400: #4d8dee;
  --brand-500: #5a9cf5;
  --brand-600: #6aadff;
  --brand-700: #8ac2ff;
  --brand-800: #b0d7ff;
  --brand-900: #d8ecff;
  --gold: #F6B024;
  --gold-light: #F6B024;
  --ink: #e8eff8;
  --ink-soft: #9db1c8;
  --ink-muted: #6a7f99;
  --line: #22375a;
  --line-strong: #2d4a75;
  --surface: #0b1626;
  --surface-soft: #0f1e33;
  --surface-raised: #12233c;
  --card-bg: #12233c;
  --card-elevated: #162d4d;
  --header-bg: rgba(11, 22, 38, .9);
  --hero-grad: linear-gradient(160deg, #0d1b30 0%, #10233f 48%, #0c1930 100%);
  --hero-blob-a: #143462;
  --hero-blob-b: #12294c;
  --shadow-xs: 0 1px 3px rgba(0, 0, 0, .2);
  --shadow-sm: 0 2px 10px rgba(0, 0, 0, .35);
  --shadow-md: 0 12px 32px -8px rgba(0, 0, 0, .5);
  --shadow-lg: 0 20px 48px -12px rgba(0, 0, 0, .6);
  --shadow-glow: 0 0 40px rgba(21, 101, 216, .25);
  color-scheme: dark;

  --success: #3ecf8e;
  --success-soft: #0e2a1d;
  --success-strong: #4ee0a0;
  --danger: #ff7a7a;
  --danger-soft: #2d1515;
  --danger-strong: #ff9d9d;
  --gold-soft: rgba(246, 176, 36, .14);
  --gold-strong: #F6B024;
}