/* ==========================================================================
   Netsoif — Burgundy Design System 2026 (matches the public site)
   Palette: Burgundy · Gold · Ivory
   Glass: iOS / visionOS-inspired backdrop-filter panels
   All colors, radii and shadows are CSS custom properties (design tokens);
   the light/dark themes only swap the values of these variables.
   ========================================================================== */
/* ---- Estedad (project font, served from /fonts at the repo root) ---- */
@font-face{font-family:'Estedad';src:url('../../../fonts/Estedad-Light.woff2') format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:'Estedad';src:url('../../../fonts/Estedad-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Estedad';src:url('../../../fonts/Estedad-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Estedad';src:url('../../../fonts/Estedad-SemiBold.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Estedad';src:url('../../../fonts/Estedad-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Estedad';src:url('../../../fonts/Estedad-ExtraBold.woff2') format('woff2');font-weight:800;font-display:swap}
@font-face{font-family:'Estedad';src:url('../../../fonts/Estedad-Black.woff2') format('woff2');font-weight:900;font-display:swap}

:root{
  color-scheme:dark;

  /* ---- Brand palette (same as the public site): burgundy #5C0632 · gold #B8955A ---- */
  --xb-primary:#B23A6E;
  --xb-primary-hover:#C9558A;
  --xb-surface:#F4ECDD;
  --xb-navy:#1C1A1D;
  --xb-wine:#5C0632;
  --xb-wine-deep:#3A0320;
  --xb-brand-rgb:178,58,110;
  --xb-brand-50:#FBF1F5;
  --xb-brand-100:#F3DCE6;
  --xb-brand-300:#DE8FB2;
  --xb-brand-400:#D06C98;
  --xb-brand-500:#B23A6E;
  --xb-brand-600:#8E1E52;
  --xb-brand-700:#5C0632;
  --xb-brand-900:#2A0216;

  --xb-scroll-thumb:rgba(178,58,110,.40);
  --xb-scroll-thumb-hover:#B23A6E;
  --xb-on-brand:#ffffff;

  --xb-gold-400:#D9BC85;
  --xb-gold-500:#B8955A;

  /* ---- Surfaces: glass over a deep wine backdrop ---- */
  --xb-bg-0:#1A0710;
  --xb-bg-1:rgba(255,255,255,.07);
  --xb-bg-2:rgba(255,255,255,.05);
  --xb-bg-3:rgba(255,255,255,.09);
  --xb-bg-4:rgba(255,255,255,.14);
  --xb-border-1:rgba(255,255,255,.10);
  --xb-border-2:rgba(255,255,255,.18);

  --xb-glass-panel:rgba(48,10,30,.62);
  --xb-glass-card:rgba(255,255,255,.07);
  --xb-glass-strong:rgba(48,10,30,.86);
  --xb-glass-border:rgba(255,255,255,.14);
  --xb-glass-inset:inset 0 1px 0 rgba(255,255,255,.18),inset 0 0 0 1px rgba(255,255,255,.03);
  --xb-blur:blur(28px) saturate(170%);
  --xb-blur-strong:blur(40px) saturate(190%);
  --xb-scrim:rgba(20,2,10,.58);

  --xb-text-0:#FBF4F7;
  --xb-text-1:#E3D3DA;
  --xb-text-2:#B9A4AE;
  --xb-text-3:#8C7580;

  --xb-success:#30d158;
  --xb-success-bg:rgba(48,209,88,.16);
  --xb-danger:#ff6b63;
  --xb-danger-bg:rgba(255,107,99,.16);
  --xb-warning:#ffb340;
  --xb-warning-bg:rgba(255,179,64,.16);
  --xb-info:#7fc8ff;
  --xb-info-bg:rgba(127,200,255,.16);
  --xb-pending:#d9a0ff;
  --xb-pending-bg:rgba(217,160,255,.16);

  --xb-buy:#30d158;
  --xb-buy-bg:rgba(48,209,88,.13);
  --xb-sell:#ff6b63;
  --xb-sell-bg:rgba(255,107,99,.13);

  /* ---- Radii (very round, floating cards) ---- */
  --xb-radius-sm:10px;
  --xb-radius-md:14px;
  --xb-radius-lg:20px;
  --xb-radius-xl:24px;
  --xb-radius-2xl:30px;
  --xb-radius-pill:999px;

  /* ---- Soft, layered shadows ---- */
  --xb-shadow-1:0 1px 2px rgba(20,0,10,.22),0 6px 20px -6px rgba(20,0,10,.32);
  --xb-shadow-2:0 2px 6px rgba(20,0,10,.25),0 18px 48px -10px rgba(20,0,10,.55);
  --xb-shadow-glow:0 0 0 1px rgba(var(--xb-brand-rgb),.40),0 0 28px rgba(var(--xb-brand-rgb),.28);

  /* ---- Page backdrop ---- */
  --xb-page-bg:
    radial-gradient(1100px 720px at 12% -8%,rgba(178,58,110,.38),transparent 62%),
    radial-gradient(900px 620px at 96% 6%,rgba(184,149,90,.20),transparent 60%),
    radial-gradient(900px 720px at 62% 112%,rgba(92,6,50,.60),transparent 62%),
    linear-gradient(160deg,#24060f 0%,#2e0817 46%,#14040b 100%);

  /* ---- Typography ---- */
  --xb-font-ui:'Estedad','Vazirmatn','SF Pro Display','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --xb-font-mono:'JetBrains Mono','SF Mono','Consolas',monospace;

  --xb-fs-xs:.72rem;
  --xb-fs-sm:.8125rem;
  --xb-fs-base:.9375rem;
  --xb-fs-md:1.0625rem;
  --xb-fs-lg:1.25rem;
  --xb-fs-xl:1.625rem;
  --xb-fs-2xl:2.25rem;

  /* ---- Spacing ---- */
  --xb-sp-1:4px;
  --xb-sp-2:8px;
  --xb-sp-3:12px;
  --xb-sp-4:16px;
  --xb-sp-5:20px;
  --xb-sp-6:24px;
  --xb-sp-8:32px;
  --xb-sp-10:40px;
  --xb-sp-12:48px;

  /* ---- Layout (floating shell) ---- */
  --xb-shell-gap:14px;
  --xb-topbar-h:64px;
  --xb-sidebar-w:248px;
  --xb-sidebar-w-collapsed:76px;

  --xb-z-topbar:100;
  --xb-z-sidebar:90;
  --xb-z-modal:1000;
  --xb-z-toast:1100;

  --xb-transition:180ms cubic-bezier(.32,.72,0,1);
}

/* ---- Light theme (default): ivory pages, white glass, burgundy brand — like the public site ---- */
:root[data-theme="light"]{
  color-scheme:light;

  --xb-primary:#5C0632;
  --xb-primary-hover:#7B1446;
  --xb-brand-rgb:123,20,70;
  --xb-brand-300:#C2668F;
  --xb-brand-400:#7B1446;
  --xb-brand-500:#5C0632;
  --xb-brand-600:#4A0428;
  --xb-brand-700:#3A0320;

  --xb-scroll-thumb:rgba(92,6,50,.26);
  --xb-scroll-thumb-hover:#7B1446;

  --xb-bg-0:#FAF8F7;
  --xb-bg-1:rgba(255,255,255,.80);
  --xb-bg-2:rgba(58,3,32,.035);
  --xb-bg-3:rgba(58,3,32,.06);
  --xb-bg-4:rgba(58,3,32,.10);
  --xb-border-1:rgba(58,3,32,.09);
  --xb-border-2:rgba(58,3,32,.16);

  --xb-glass-panel:rgba(255,255,255,.82);
  --xb-glass-card:rgba(255,255,255,.78);
  --xb-glass-strong:rgba(255,255,255,.94);
  --xb-glass-border:rgba(255,255,255,.9);
  --xb-glass-inset:inset 0 1px 0 rgba(255,255,255,.95),inset 0 0 0 1px rgba(58,3,32,.05);
  --xb-scrim:rgba(40,4,22,.32);

  --xb-text-0:#1C1A1D;
  --xb-text-1:#3A3238;
  --xb-text-2:#6B6268;
  --xb-text-3:#9A9097;

  --xb-success:#1f9d4d;
  --xb-success-bg:rgba(31,157,77,.12);
  --xb-danger:#c8322b;
  --xb-danger-bg:rgba(200,50,43,.10);
  --xb-warning:#b36d00;
  --xb-warning-bg:rgba(179,109,0,.12);
  --xb-info:#0a7fb8;
  --xb-info-bg:rgba(10,127,184,.10);
  --xb-pending:#8a3fd6;
  --xb-pending-bg:rgba(138,63,214,.10);
  --xb-buy:#1f9d4d;
  --xb-buy-bg:rgba(31,157,77,.10);
  --xb-sell:#c8322b;
  --xb-sell-bg:rgba(200,50,43,.09);

  --xb-shadow-1:0 1px 2px rgba(58,3,32,.05),0 8px 24px -10px rgba(58,3,32,.16);
  --xb-shadow-2:0 2px 6px rgba(58,3,32,.06),0 24px 56px -18px rgba(58,3,32,.30);

  --xb-page-bg:
    radial-gradient(1000px 680px at 8% -12%,rgba(184,149,90,.16),transparent 62%),
    radial-gradient(900px 600px at 98% 0%,rgba(123,20,70,.09),transparent 60%),
    linear-gradient(180deg,#FBF9F8 0%,#F6F2F1 100%);
}