:root {
  color-scheme: light;

  --brand-050: #E6FAF7;
  --brand-100: #C2F1EB;
  --brand-200: #8DE4DA;
  --brand-300: #4FD1C5;
  --brand-400: #26C6B8;
  --brand-500: #14B8AC;
  --brand-600: #0E9E93;
  --brand-700: #0B8377;
  --brand-800: #0A6459;
  --brand-900: #063F3A;
  --brand-bright: #22E3D3;

  --blue-050: #E6FAF7;
  --blue-100: #C2F1EB;
  --blue-400: #26C6B8;
  --blue-500: #14B8AC;
  --blue-700: #0B8377;
  --blue-900: #063F3A;

  --paper: #FFFFFF;
  --surface: #F3FBF9;
  --surface-2: #E6F5F2;
  --ink: #12211F;
  --ink-muted: #566662;
  --ink-faint: #869691;
  --line: rgba(6, 63, 58, .12);
  --line-strong: rgba(6, 63, 58, .22);

  --header-bg: rgba(6, 40, 37, .82);
  --header-bg-solid: #063F3A;
  --header-ink: #FFFFFF;
  --header-ink-muted: rgba(255, 255, 255, .74);
  --footer-bg: #083F3B;
  --footer-ink: #E6F6F3;
  --footer-ink-muted: rgba(230, 246, 243, .66);
  --accent: var(--brand-500);
  --accent-ink: #FFFFFF;
  --ring: var(--brand-500);

  --grad-from: #0E9E93;
  --grad-to: #0B8377;
  --grad-from-hover: #14B8AC;
  --grad-to-hover: #0E9E93;

  --eitaa: #EF7F1A;
  --bale: #12C99B;

  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 2.5rem;
  --space-8: 3.5rem;
  --space-9: 5rem;
  --space-10: 7rem;

  --font-fa: "Vazirmatn", "Vazir", "Tahoma", system-ui, sans-serif;
  --fs-xs: .75rem;
  --fs-sm: .875rem;
  --fs-base: 1rem;
  --fs-md: 1.125rem;
  --fs-lg: 1.375rem;
  --fs-xl: 1.75rem;
  --fs-2xl: clamp(1.75rem, 1.2rem + 2.2vw, 2.75rem);
  --fs-3xl: clamp(2.25rem, 1.2rem + 4.4vw, 4rem);
  --lh-tight: 1.3;
  --lh-base: 1.9;

  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-pill: 999px;
  --shadow-1: 0 1px 2px rgba(6, 63, 58, .06), 0 2px 8px rgba(6, 63, 58, .05);
  --shadow-2: 0 4px 12px rgba(6, 63, 58, .10), 0 12px 28px rgba(6, 63, 58, .08);
  --shadow-3: 0 10px 24px rgba(6, 63, 58, .15), 0 24px 60px rgba(6, 63, 58, .12);
  --ease: cubic-bezier(.2, .7, .3, 1);
  --dur-fast: .16s;
  --dur-base: .3s;
  --dur-slow: .6s;

  --container: 1200px;
  --header-h: 138px;
}

[data-theme="dark"] {
  color-scheme: dark;

  --paper: #07140F;
  --surface: #0D1E1A;
  --surface-2: #122924;
  --ink: #E6F6F3;
  --ink-muted: #9BB0AB;
  --ink-faint: #6E837E;
  --line: rgba(230, 246, 243, .14);
  --line-strong: rgba(230, 246, 243, .26);

  --brand-050: #122924;
  --brand-100: #163A33;
  --brand-200: #1E6459;
  --brand-400: #2FD6C5;
  --brand-500: #3DDBCB;
  --brand-600: #22C2B2;
  --brand-700: #57E2D3;

  --blue-050: #122924;
  --blue-100: #163A33;
  --blue-400: #2FD6C5;
  --blue-500: #3DDBCB;
  --blue-700: #57E2D3;

  --header-bg: rgba(5, 22, 20, .82);
  --header-bg-solid: #051614;
  --header-ink: #E6F6F3;
  --header-ink-muted: rgba(230, 246, 243, .70);
  --footer-bg: #051614;
  --footer-ink: #E6F6F3;
  --footer-ink-muted: rgba(230, 246, 243, .6);
  --accent: var(--brand-500);
  --ring: var(--brand-400);

  --shadow-1: 0 1px 2px rgba(0, 0, 0, .5);
  --shadow-2: 0 6px 18px rgba(0, 0, 0, .55);
  --shadow-3: 0 14px 40px rgba(0, 0, 0, .6);
}