/* Felowin design tokens (copied from tokens_1.css; do not edit values here, edit the design system) — v3.4 (neutral brand + real logos + ambient + glow + website layer: 3D icon tiles, photo frames, fixed button heights). */
:root{
  --paper:#F5F5F5;--surface:#FFFFFF;--sunken:#EBEBEB;--line:#DEDEDE;--line-strong:#BEBEBE;--ink:#111111;--muted:#595959;
  --brand:#111111;--brand-hover:#2A2A2A;--brand-edge:#000000;--brand-tint:#EBEBEB;--on-brand:#FFFFFF;--brand-text:#111111;
  --ok:#1F8A4C;--ok-tint:#DFF4E7;--ok-text:#14693A;
  --warn:#E39A12;--warn-tint:#FFF0D1;--warn-text:#8A5200;
  --danger:#D13B2B;--danger-tint:#FCE3DF;--danger-text:#A52A1D;
  --info:#2B67D1;--info-tint:#E1EBFC;--info-text:#1C4FA8;
  --glass:rgba(255,255,255,.62);--glass-strong:rgba(255,255,255,.88);--glass-line:rgba(17,17,17,.10);--glass-hi:rgba(255,255,255,.95);--glass-shadow:rgba(17,17,17,.18);
  --logo-1:#0B0F10;--logo-2:#0B8C7C;
  --ch-1:#1E96D4;--ch-2:#D62976;--ch-5:#0A66C2;          /* Telegram, Instagram, LinkedIn (official brand hues) */

  /* v3.4 — 3D icon tile */
  --tile-a:#FFFFFF;--tile-b:#ECECEC;--edge:#CDCDCD;--icon-ex:#C4C8C8;
  --tile-lg:120px;--tile-md:96px;--tile-sm:64px;--tile-xs:40px;
  --tile-radius:30%;--tile-radius-xs:12px;
  --tile-icon:.86;                                         /* icon = tile size × .58, in px, viewBox 0 0 64 64 */
  --icon-grid:64;--icon-stroke:6;                          /* marketing icons: round caps + joins, --logo-1 / --logo-2 */

  /* v3.4 — buttons (fixed heights, never min-height alone) */
  --btn-h:52px;--btn-h-sm:44px;--btn-h-xs:38px;--input-h:52px;

  /* v3.4 — website layout */
  --container:1240px;--gutter:24px;
  --section-y:140px;--section-y-mobile:96px;
  --r-card:30px;--r-panel:36px;--r-band:44px;--r-photo:48px;
  --frame-leaf:210px 36px 210px 36px;                      /* hero photo (tl, tr, br, bl) */
  --frame-bubble:64px 64px 64px 12px;                      /* consultation / conversation photo */

  --font-display:'Vazirmatn',Tahoma,system-ui,sans-serif;
  --font-body:'Vazirmatn',system-ui,'Segoe UI',Tahoma,sans-serif;
  --font-latin:'Bricolage Grotesque','Vazirmatn',system-ui,sans-serif;
  --font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --fs-h1:clamp(42px,5vw,74px);--fs-h2:clamp(32px,3.6vw,52px);--fs-lead:18.5px;--fs-eyebrow:12.5px;--ls-eyebrow:.14em;
  --r-sm:8px;--r-md:14px;--r-lg:22px;--r-xl:28px;--r-pill:999px;
  --s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:96px;
  --glow-a:#111111;--glow-b:#8A8A8A;--glow-c:#111111;   /* orbiting border light */
  --blob-a:rgba(17,17,17,.10);--blob-b:rgba(17,17,17,.07);--blob-c:rgba(17,17,17,.09); /* ambient body background */
  --shadow-float:0 12px 32px -12px rgba(15,27,29,.28);
  --ease-out:cubic-bezier(.2,.8,.2,1);--ease-pop:cubic-bezier(.34,1.56,.64,1);
  --dur-1:120ms;--dur-2:200ms;--dur-3:320ms;
  --dur-hover-3d:7s;--dur-draw:6s;--dur-loop:10s;--dur-drift:24s;--dur-marquee:50s;
}
:root[data-theme="dark"]{
  --paper:#0E0E0E;--surface:#171717;--sunken:#121212;--line:#2A2A2A;--line-strong:#454545;--ink:#F2F2F2;--muted:#A3A3A3;
  --brand:#F2F2F2;--brand-hover:#FFFFFF;--brand-edge:#8A8A8A;--brand-tint:#242424;--on-brand:#111111;--brand-text:#F2F2F2;
  --ok:#3FBF7A;--ok-tint:#12301F;--ok-text:#6FD9A0;
  --warn:#F2B45A;--warn-tint:#33250A;--warn-text:#F2B45A;
  --danger:#FF7A68;--danger-tint:#3A1713;--danger-text:#FF9A8C;
  --info:#6F9CFF;--info-tint:#14264A;--info-text:#8DB4FF;
  --glass:rgba(24,24,24,.58);--glass-strong:rgba(30,30,30,.86);--glass-line:rgba(255,255,255,.11);--glass-hi:rgba(255,255,255,.06);--glass-shadow:rgba(0,0,0,.6);
  --logo-1:#ECE8DF;--logo-2:#4FD8C4;
  --ch-1:#4DB8EB;--ch-2:#F0679A;--ch-5:#4C9AE6;
  --tile-a:#262626;--tile-b:#1A1A1A;--edge:#050505;--icon-ex:#1F2424;
  --glow-a:#F2F2F2;--glow-b:#7A7A7A;--glow-c:#F2F2F2;
  --blob-a:rgba(255,255,255,.085);--blob-b:rgba(255,255,255,.05);--blob-c:rgba(255,255,255,.07);
  --shadow-float:0 12px 32px -12px rgba(0,0,0,.7);
}


/* Inverse band (.inv) reuses the dark set inside a light page */
:root:not([data-theme="dark"]) .inv{
  --paper:#0E0E0E;--surface:#171717;--sunken:#121212;--line:#2A2A2A;--line-strong:#454545;--ink:#F2F2F2;--muted:#A3A3A3;
  --brand:#F2F2F2;--brand-hover:#FFFFFF;--brand-edge:#8A8A8A;--brand-tint:#242424;--on-brand:#111111;--brand-text:#F2F2F2;
  --ok:#3FBF7A;--ok-tint:#12301F;--ok-text:#6FD9A0;
  --warn:#F2B45A;--warn-tint:#33250A;--warn-text:#F2B45A;
  --danger:#FF7A68;--danger-tint:#3A1713;--danger-text:#FF9A8C;
  --info:#6F9CFF;--info-tint:#14264A;--info-text:#8DB4FF;
  --glass:rgba(24,24,24,.58);--glass-strong:rgba(30,30,30,.86);--glass-line:rgba(255,255,255,.11);--glass-hi:rgba(255,255,255,.06);--glass-shadow:rgba(0,0,0,.6);
  --logo-1:#ECE8DF;--logo-2:#4FD8C4;
  --ch-1:#4DB8EB;--ch-2:#F0679A;--ch-5:#4C9AE6;
  --tile-a:#262626;--tile-b:#1A1A1A;--edge:#050505;--icon-ex:#1F2424;
  --glow-a:#F2F2F2;--glow-b:#7A7A7A;--glow-c:#F2F2F2;
  --blob-a:rgba(255,255,255,.085);--blob-b:rgba(255,255,255,.05);--blob-c:rgba(255,255,255,.07);
  --shadow-float:0 12px 32px -12px rgba(0,0,0,.7);
}
:root[data-theme="dark"] .inv{--paper:#161616}

/* Blog and normal pages are light only, whatever the theme switch or system says */
body.fw-site:not(.fw-marketing){color-scheme:light;
  --paper:#F5F5F5;--surface:#FFFFFF;--sunken:#EBEBEB;--line:#DEDEDE;--line-strong:#BEBEBE;--ink:#111111;--muted:#595959;
  --brand:#111111;--brand-hover:#2A2A2A;--brand-edge:#000000;--brand-tint:#EBEBEB;--on-brand:#FFFFFF;--brand-text:#111111;
  --ok:#1F8A4C;--ok-tint:#DFF4E7;--ok-text:#14693A;
  --warn:#E39A12;--warn-tint:#FFF0D1;--warn-text:#8A5200;
  --danger:#D13B2B;--danger-tint:#FCE3DF;--danger-text:#A52A1D;
  --info:#2B67D1;--info-tint:#E1EBFC;--info-text:#1C4FA8;
  --glass:rgba(255,255,255,.62);--glass-strong:rgba(255,255,255,.88);--glass-line:rgba(17,17,17,.10);--glass-hi:rgba(255,255,255,.95);--glass-shadow:rgba(17,17,17,.18);
  --logo-1:#0B0F10;--logo-2:#0B8C7C;
  --ch-1:#1E96D4;--ch-2:#D62976;--ch-5:#0A66C2;          /* Telegram, Instagram, LinkedIn (official brand hues) */

  /* v3.4 — 3D icon tile */
  --tile-a:#FFFFFF;--tile-b:#ECECEC;--edge:#CDCDCD;--icon-ex:#C4C8C8;
  --tile-lg:120px;--tile-md:96px;--tile-sm:64px;--tile-xs:40px;
  --tile-radius:30%;--tile-radius-xs:12px;
  --tile-icon:.86;                                         /* icon = tile size × .58, in px, viewBox 0 0 64 64 */
  --icon-grid:64;--icon-stroke:6;                          /* marketing icons: round caps + joins, --logo-1 / --logo-2 */

  /* v3.4 — buttons (fixed heights, never min-height alone) */
  --btn-h:52px;--btn-h-sm:44px;--btn-h-xs:38px;--input-h:52px;

  /* v3.4 — website layout */
  --container:1240px;--gutter:24px;
  --section-y:140px;--section-y-mobile:96px;
  --r-card:30px;--r-panel:36px;--r-band:44px;--r-photo:48px;
  --frame-leaf:210px 36px 210px 36px;                      /* hero photo (tl, tr, br, bl) */
  --frame-bubble:64px 64px 64px 12px;                      /* consultation / conversation photo */

  --font-display:'Vazirmatn',Tahoma,system-ui,sans-serif;
  --font-body:'Vazirmatn',system-ui,'Segoe UI',Tahoma,sans-serif;
  --font-latin:'Bricolage Grotesque','Vazirmatn',system-ui,sans-serif;
  --font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --fs-h1:clamp(42px,5vw,74px);--fs-h2:clamp(32px,3.6vw,52px);--fs-lead:18.5px;--fs-eyebrow:12.5px;--ls-eyebrow:.14em;
  --r-sm:8px;--r-md:14px;--r-lg:22px;--r-xl:28px;--r-pill:999px;
  --s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:96px;
  --glow-a:#111111;--glow-b:#8A8A8A;--glow-c:#111111;   /* orbiting border light */
  --blob-a:rgba(17,17,17,.10);--blob-b:rgba(17,17,17,.07);--blob-c:rgba(17,17,17,.09); /* ambient body background */
  --shadow-float:0 12px 32px -12px rgba(15,27,29,.28);
  --ease-out:cubic-bezier(.2,.8,.2,1);--ease-pop:cubic-bezier(.34,1.56,.64,1);
  --dur-1:120ms;--dur-2:200ms;--dur-3:320ms;
  --dur-hover-3d:7s;--dur-draw:6s;--dur-loop:10s;--dur-drift:24s;--dur-marquee:50s;
}