/* ─── Linear-style tokens × Nodeidea ─────────────────────────── */
:root {
  /* Palette A — Key Accent (primary use) */
  --a-purple: #5E6AD2;
  --a-iris:   #7C8CFF;
  --a-blue:   #4EA7FC;
  --a-mint:   #37C8AB;
  --a-coral:  #FF7A90;
  --a-amber:  #F2B45A;

  /* Palette B — Muted Premium (ambient washes) */
  --b-velvet:    #6E73E6;
  --b-periwinkle:#8F98FF;
  --b-sage:      #6BC9B1;
  --b-rose:      #E68CA6;
  --b-gold:      #D9B06A;

  /* Linear neutrals (dark default) */
  --bg:           #08090A;
  --bg-soft:      #0D0E10;
  --surface:      #101113;
  --surface-2:    #16181C;
  --surface-3:    #1C1E22;
  --border:       rgba(255,255,255,0.07);
  --border-strong:rgba(255,255,255,0.12);
  --divider:      rgba(255,255,255,0.05);

  --text:         #F7F8F8;
  --text-soft:    #D0D6E0;
  --text-dim:     #8A8F98;
  --text-faint:   #62666D;

  /* Accents (alias to A by default — tweakable) */
  --accent:       var(--a-purple);
  --accent-2:     var(--a-iris);
  --accent-rgb:   94, 106, 210;   /* same as --accent, in r,g,b form for rgba() */
  --accent-2-rgb: 124, 140, 255;
  --accent-data:  var(--a-blue);
  --accent-fresh: var(--a-mint);
  --accent-warm:  var(--a-coral);
  --accent-hi:    var(--a-amber);

  /* Mesh glow background — neutral by default, accent kept as small punch */
  --glow-1: 120, 122, 140;  /* cool gray */
  --glow-2: 80, 86, 110;    /* deeper gray */
  --glow-3: 94, 106, 210;   /* one accent for hero only */

  /* Type */
  --font-sans: "Inter Variable", "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-mono: "JetBrains Mono", "SF Mono", ui-monospace, Menlo, monospace;

  /* Radii */
  --r-xs: 4px;
  --r-sm: 6px;
  --r-md: 8px;
  --r-lg: 12px;
  --r-xl: 16px;
  --r-2xl: 20px;
  --r-pill: 999px;

  /* Shadows */
  --shadow-glow: 0 0 0 1px rgba(var(--accent-rgb),0.35), 0 8px 32px rgba(var(--accent-rgb),0.25);
  --shadow-card: 0 1px 0 rgba(255,255,255,0.04) inset, 0 8px 24px rgba(0,0,0,0.4);
  --shadow-deep: 0 24px 60px rgba(0,0,0,0.5), 0 2px 4px rgba(0,0,0,0.3);

  /* Layout */
  --nav-h: 56px;
  --container: 1200px;
}

/* Light mode (optional via [data-mode="light"]) */
[data-mode="light"] {
  --bg:        #F7F8FA;
  --bg-soft:   #FFFFFF;
  --surface:   #FFFFFF;
  --surface-2: #F2F3F5;
  --surface-3: #E8EAED;
  --border:    rgba(8,9,10,0.08);
  --border-strong: rgba(8,9,10,0.15);
  --divider:   rgba(8,9,10,0.05);
  --text:      #0F1115;
  --text-soft: #2A2E37;
  --text-dim:  #5C6370;
  --text-faint:#9099A8;
}

/* Palette presets — tweakable. Default (A) = Linear Purple, kept above. */
[data-palette="velvet"] {
  --accent:       #6E73E6;
  --accent-2:     #8F98FF;
  --accent-rgb:   110, 115, 230;
  --accent-2-rgb: 143, 152, 255;
}
[data-palette="mint"] {
  --accent:       #2FAE8F;
  --accent-2:     #6BC9B1;
  --accent-rgb:   47, 174, 143;
  --accent-2-rgb: 107, 201, 177;
}
[data-palette="coral"] {
  --accent:       #E5536E;
  --accent-2:     #FF7A90;
  --accent-rgb:   229, 83, 110;
  --accent-2-rgb: 255, 122, 144;
}
[data-palette="amber"] {
  --accent:       #C68A28;
  --accent-2:     #F2B45A;
  --accent-rgb:   198, 138, 40;
  --accent-2-rgb: 242, 180, 90;
}
[data-palette="electric"] {
  --accent:       #2D88E0;
  --accent-2:     #4EA7FC;
  --accent-rgb:   45, 136, 224;
  --accent-2-rgb: 78, 167, 252;
}

/* Font tweak */
[data-font="sfpro"] { --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "PingFang SC", sans-serif; }
[data-font="serif"] { --font-sans: "Tiempos Headline", "Fraunces", "Source Han Serif SC", "Noto Serif SC", Georgia, serif; }

* { box-sizing: border-box; }
html, body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-sans);
  /* Linear-style refined feature settings */
  font-feature-settings: "cv11", "ss03", "ss04", "cv02";
  font-variation-settings: "opsz" 16;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14.5px;
  line-height: 1.5;
  letter-spacing: -0.011em;
  text-rendering: optimizeLegibility;
}
a { color: inherit; text-decoration: none; }
button { font-family: inherit; cursor: pointer; }
input, textarea { font-family: inherit; color: inherit; }
::selection { background: rgba(var(--accent-rgb),0.35); }