/* Pazireshdr-inspired design tokens — موحد تیم
   Source DNA: https://pazireshdr.ir/ (--c-primary / --c-accent / ice surfaces) */
:root {
  color-scheme: light;

  /* Canonical pazireshdr tokens */
  --c-dark: #042b3d;
  --c-primary: #0b6e8f;
  --c-accent: #06b6c8;
  --c-accent-hover: #08cde0;
  --c-surface: #e8f4f8;
  --c-page-bg: #f7fbfc;
  --c-white: #ffffff;
  --c-text: #0f2942;
  --c-text-mid: #334155;
  --c-text-muted: #64748b;
  --c-border: #cbd5e1;
  --c-border-light: #e2eef3;
  --c-success: #10b981;
  --c-warning: #f59e0b;
  --c-error: #ef4444;
  --c-info: #3b82f6;
  --c-theme: #0ea5e9;

  /* App semantic map (keeps existing class names working) */
  --color-body: var(--c-text-mid);
  --color-body-subtle: var(--c-text-muted);
  --color-heading: var(--c-text);
  --color-white: var(--c-white);
  --color-fg-brand: var(--c-primary);
  --color-fg-brand-strong: #085a75;
  --color-fg-success-strong: #065f46;
  --color-fg-danger-strong: #991b1b;
  --color-fg-warning: #92400e;

  --color-neutral-tertiary-soft: #f0f7fa;
  --color-neutral-tertiary: var(--c-page-bg);
  --color-neutral-tertiary-medium: #d5e6ee;
  --color-neutral-quaternary: var(--c-border);

  --color-brand: var(--c-accent);
  --color-brand-softer: rgba(6, 182, 200, 0.1);
  --color-brand-soft: rgba(6, 182, 200, 0.22);
  --color-brand-medium: #22d3ee;
  --color-brand-strong: var(--c-accent-hover);

  --color-surface-card: var(--c-white);
  --color-surface-dark: var(--c-dark);
  --color-surface-tint: var(--c-surface);

  --color-border-default: var(--c-border-light);
  --color-border-default-medium: var(--c-border);
  --color-border-hairline: var(--c-border-light);
  --color-border-brand-subtle: rgba(11, 110, 143, 0.2);

  --color-success: var(--c-success);
  --color-success-soft: #ecfdf5;
  --color-danger: var(--c-error);
  --color-danger-soft: #fef2f2;
  --color-warning: var(--c-warning);
  --color-warning-soft: #fffbeb;

  /* legacy aliases */
  --color-ink: var(--color-heading);
  --color-charcoal: var(--color-body);
  --color-muted: var(--color-body-subtle);
  --color-faint: #94a3b8;
  --color-ivory: var(--color-neutral-tertiary);
  --color-paper: var(--color-neutral-tertiary-soft);
  --color-line: var(--color-border-default);
  --color-line-strong: var(--color-border-default-medium);
  --color-gold: var(--c-primary);
  --color-gold-light: var(--c-accent);
  --color-gold-dark: var(--color-fg-brand-strong);
  --color-gold-wash: var(--color-brand-softer);
  --color-coral: var(--c-accent);
  --color-coral-dark: var(--c-accent-hover);
  --color-coral-wash: var(--color-brand-softer);
  --color-success-wash: var(--color-success-soft);
  --color-danger-wash: var(--color-danger-soft);
  --color-warning-wash: var(--color-warning-soft);
  --color-info: var(--c-info);
  --color-info-wash: #eff6ff;
  --color-surface-glass: rgba(255, 255, 255, 0.82);
  --color-dark: var(--c-dark);
  --color-dark-soft: #0a3a4f;
  --color-dark-line: rgba(255, 255, 255, 0.1);
  --gold: var(--c-primary);
  --ink: var(--color-heading);
  --paper: var(--color-neutral-tertiary-soft);
  --ivory: var(--color-neutral-tertiary);
  --line: var(--color-border-default);
  --danger: var(--color-danger);
  --ok: var(--color-success);

  --font-family: "Vazirmatn", Tahoma, Arial, "Noto Sans Arabic", ui-sans-serif, system-ui, sans-serif;
  --font-family-heading: var(--font-family);
  --font: var(--font-family);
  --font-display: var(--font-family);
  --font-size-xxs: .6875rem;
  --font-size-xs: .75rem;
  --font-size-sm: .875rem;
  --font-size-md: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.375rem;
  --font-size-3xl: 1.5625rem;
  --font-size-4xl: 1.75rem;
  --font-size-5xl: 2rem;
  --font-size-6xl: 2.25rem;
  --font-size-7xl: 2.5rem;
  --font-size-8xl: 2.8125rem;
  --font-size-9xl: 3.125rem;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --weight-regular: 400;
  --weight-medium: 600;
  --weight-bold: 700;
  --line-height-display: 1.15;
  --line-height-heading: 1.35;
  --line-height-body: 1.7;
  --line-height-component: 1.3;
  --letter-spacing-tight: -.02em;

  --spacing-1: .25rem; --spacing-2: .5rem; --spacing-3: .75rem; --spacing-4: 1rem;
  --spacing-5: 1.25rem; --spacing-6: 1.5rem; --spacing-8: 2rem; --spacing-10: 2.5rem;
  --spacing-12: 3rem; --spacing-16: 4rem; --spacing-20: 5rem; --spacing-24: 6rem;
  --space-1: .25rem; --space-2: .5rem; --space-3: .75rem; --space-4: 1rem;
  --space-5: 1.5rem; --space-6: 2rem; --space-7: 3rem; --space-8: 4rem; --space-9: 6rem;

  --radius-sm: 6px; --radius-md: 8px; --radius-lg: 12px; --radius-xl: 16px;
  --radius-xxl: 20px; --radius-xxxl: 28px; --radius-full: 9999px; --radius-pill: 9999px; --radius: 16px;

  --control-height: 2.75rem; --navbar-height: 4.25rem; --touch: 2.75rem; --header-h: 4.25rem;
  --container-max: 72rem; --container: 72rem;
  --frame-width: min(100% - 2rem, var(--container-max));
  --section-mobile-padding-inline: 18px;
  --seam-line: var(--c-border-light); --seam-highlight: transparent;

  --elevation-1: 0 1px 2px rgb(15 41 66 / .05), 0 1px 3px rgb(15 41 66 / .06);
  --elevation-2: 0 4px 6px -1px rgb(15 41 66 / .07), 0 10px 15px -3px rgb(15 41 66 / .08);
  --elevation-3: 0 10px 25px -5px rgb(15 41 66 / .1), 0 20px 40px -12px rgb(11 110 143 / .12);
  --shadow-card: 0 1px 2px rgb(15 41 66 / .04), 0 8px 24px rgb(11 110 143 / .06);
  --shadow-card-hover: 0 4px 8px rgb(15 41 66 / .06), 0 16px 32px rgb(6 182 200 / .12);
  --shadow-button: 0 1px 2px rgb(4 43 61 / .08), 0 8px 16px -4px rgb(6 182 200 / .35);
  --shadow-accent-glow: 0 0 20px rgba(6, 182, 200, 0.35);
  --focus-ring: 0 0 0 3px rgba(6, 182, 200, 0.35);
  --shadow-sm: var(--elevation-1); --shadow-md: var(--elevation-2); --shadow-lg: var(--elevation-3);
  --shadow-gold: var(--shadow-button); --shadow-coral: var(--shadow-button); --shadow: var(--elevation-2);

  --ease: 160ms cubic-bezier(.4, 0, .2, 1);
  --ease-out: 240ms cubic-bezier(0, 0, .2, 1);
  --ease-spring: 360ms cubic-bezier(.34, 1.2, .64, 1);
  --gradient-brand: linear-gradient(135deg, #06b6c8, #0b6e8f);
  --gradient-cta: var(--c-accent);
  --gradient-mesh:
    radial-gradient(ellipse 80% 60% at 100% 0%, rgba(6, 182, 200, .14), transparent 55%),
    radial-gradient(ellipse 70% 50% at 0% 20%, rgba(11, 110, 143, .1), transparent 50%),
    radial-gradient(ellipse 50% 40% at 50% 100%, rgba(14, 165, 233, .08), transparent 45%);
  --gradient-hero-text: linear-gradient(120deg, var(--c-text) 30%, var(--c-primary) 100%);
}