/* ==========================================================================
   Liquid Glass Design System — tokens
   Imported from claude.ai/design project "Liquid Glass Design System"
   (adf41e07-b076-46c1-9d62-916a067ea8f9) via the claude_design MCP.

   Token values below are verbatim from the project's tokens/*.css.
   Two documented deviations, both flagged substitutions:
     1. --font-sans: the project substitutes Inter for SF Pro and loads it
        from Google Fonts. This site is Persian/RTL and Inter has no Arabic
        coverage, so Vazirmatn (already self-hosted here) leads the stack.
     2. Fonts are self-hosted rather than fetched from fonts.googleapis.com.
   ========================================================================== */

/* --------------------------------------------------------------- fonts --- */
/* arabic */
@font-face {
  font-family: 'Vazirmatn';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/assets/_vinext_fonts/vazirmatn-872a7f19566f/vazirmatn-1c749e63.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* latin-ext */
@font-face {
  font-family: 'Vazirmatn';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/assets/_vinext_fonts/vazirmatn-872a7f19566f/vazirmatn-f62e597f.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Vazirmatn';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/assets/_vinext_fonts/vazirmatn-872a7f19566f/vazirmatn-3d902d11.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* symbols2 */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/assets/_vinext_fonts/geist-mono-00e989178794/geist-mono-0638449e.woff2) format('woff2');
  unicode-range: U+2000-2001, U+2004-2008, U+200A, U+23B8-23BD, U+2500-259F;
}
/* latin-ext */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/assets/_vinext_fonts/geist-mono-00e989178794/geist-mono-44745446.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/assets/_vinext_fonts/geist-mono-00e989178794/geist-mono-013b2f2f.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* -------------------------------------------------------- tokens/colors --- */
:root{
/* base */
--gray-app-bg:#F5F5F7;
--gray-app-bg-grad-start:#FFFFFF;
--gray-app-bg-grad-end:#E5E5EA;
--white:#FFFFFF;
--black:#000000;
--label-primary:#1C1C1E;
--label-secondary:#8E8E93;
--label-tertiary:#AEAEB2;
--tint-water-start:rgba(255,255,255,0.5);
--tint-water-end:rgba(255,255,255,0.05);
--tint-water-solid:#FFFFFF;
--system-blue:#0A84FF;
--system-green:#30D158;
--system-red:#FF453A;
--system-yellow:#FFD60A;
/* glass surfaces */
--glass-clear-start:rgba(255,255,255,0.6);
--glass-clear-end:rgba(255,255,255,0.3);
--glass-tint-start:var(--tint-water-start);
--glass-tint-end:var(--tint-water-end);
--glass-edge:rgba(255,255,255,0.8);
--glass-edge-tinted:rgba(255,255,255,0.9);
/* semantic aliases */
--surface-app:var(--gray-app-bg);
--surface-glass:linear-gradient(135deg,var(--glass-clear-start),var(--glass-clear-end));
--surface-glass-tint:linear-gradient(135deg,var(--glass-tint-start),var(--glass-tint-end));
--border-glass:1px solid var(--glass-edge);
--border-glass-tint:1px solid var(--glass-edge-tinted);
--text-primary:var(--label-primary);
--text-secondary:var(--label-secondary);
--text-tertiary:var(--label-tertiary);
--text-on-tint:var(--text-primary);
--accent:var(--system-blue);
}

/* ---------------------------------------------------- tokens/typography --- */
/* Deviation 3 (bug fix): the project's tokens/typography.css orders the `font`
   shorthand as `<size>/<line-height> <weight> <family>` — e.g.
   `--text-large-title:56px/1.1 700 var(--font-sans)`. CSS requires the weight
   BEFORE the size, so every `font: var(--text-*)` declaration parses as
   invalid and is dropped, silently falling back to the browser's default
   serif. Same sizes, line-heights, weights and family — corrected order only. */
:root{
--font-sans:'Vazirmatn','Inter',-apple-system,BlinkMacSystemFont,'SF Pro Text','Helvetica Neue',Tahoma,sans-serif;
--font-mono:'Geist Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
--text-large-title:700 56px/1.1 var(--font-sans);
--text-title1:700 34px/1.15 var(--font-sans);
--text-title2:700 28px/1.2 var(--font-sans);
--text-title3:600 22px/1.25 var(--font-sans);
--text-headline:600 17px/1.3 var(--font-sans);
--text-body:400 17px/1.4 var(--font-sans);
--text-callout:400 16px/1.4 var(--font-sans);
--text-subhead:400 15px/1.35 var(--font-sans);
--text-footnote:400 13px/1.35 var(--font-sans);
--text-caption:500 12px/1.3 var(--font-sans);
--tracking-tight:-0.02em;
}

/* ------------------------------------------------------- tokens/spacing --- */
:root{
--space-1:4px;
--space-2:8px;
--space-3:12px;
--space-4:16px;
--space-5:20px;
--space-6:24px;
--space-8:32px;
--space-10:40px;
--space-12:48px;
--space-16:64px;
--control-height-sm:36px;
--control-height-md:44px;
--control-height-lg:56px;
}

/* ------------------------------------------------------- tokens/effects --- */
:root{
/* blur */
--blur-dock:25px;
--blur-pill:20px;
--blur-indicator:15px;
--blur-sheet:30px;
/* radius — continuous/superellipse-style corners used throughout Liquid Glass */
--radius-pill:999px;
--radius-control:20px;
--radius-card:28px;
--radius-sheet:36px;
/* shadows: ambient drop + inset light reflection (top-left) + inset density shadow (bottom-right) */
--shadow-glass:
  4px 8px 12px rgba(0,0,0,0.08),
  inset 3px 4px 6px rgba(255,255,255,0.9),
  inset -3px -4px 8px rgba(0,0,0,0.04);
--shadow-glass-tint:var(--shadow-glass);
--shadow-glass-soft:
  3px 6px 10px rgba(0,0,0,0.06),
  inset 2px 3px 5px rgba(255,255,255,0.85),
  inset -2px -3px 6px rgba(0,0,0,0.03);
--blur-droplet:8px;
/* motion — fluid, no linear/abrupt easing */
--ease-liquid:cubic-bezier(0.34,1.35,0.64,1);
--ease-settle:cubic-bezier(0.22,1,0.36,1);
--duration-fast:180ms;
--duration-base:320ms;
--duration-slow:520ms;
}

/* --------------------------------- tokens/theme-scrolling-layered.css ----- */
[data-theme="scrolling-layered"]{
--surface-app:#0b0b0d;
--gray-app-bg:#0b0b0d;
--surface-glass:rgba(45,45,50,0.45);
--surface-glass-tint:rgba(45,45,50,0.45);
--glass-edge:rgba(255,255,255,0.2);
--glass-edge-tinted:rgba(255,255,255,0.2);
--border-glass:1px solid var(--glass-edge);
--border-glass-tint:1px solid var(--glass-edge-tinted);
--blur-header:25px;
--saturate-header:180%;
--shadow-glass:
  0 20px 40px rgba(0,0,0,0.6),
  inset 0 1px 2px rgba(255,255,255,0.4),
  inset 0 -2px 6px rgba(0,0,0,0.5);
--shadow-glass-tint:var(--shadow-glass);
--shadow-glass-soft:
  0 12px 24px rgba(0,0,0,0.5),
  inset 0 1px 2px rgba(255,255,255,0.3),
  inset 0 -2px 5px rgba(0,0,0,0.4);
--text-primary:#F5F5F7;
--text-secondary:#AEAEB2;
--text-on-tint:#F5F5F7;
--content-offset-top:130px;
/* tertiary + gradient stops are not part of the theme file; derived for parity */
--text-tertiary:#8E8E93;
--gray-app-bg-grad-start:#141418;
--gray-app-bg-grad-end:#08080a;
}