:root {
  /* ─── Charred White Titanium Base ─── */
  --bg: #e6e1da;
  --bg-card: #edeae4;
  --bg-panel: #dfdbd4;
  --bg-glass: rgba(230,225,218,0.82);
  --bg-slide: #0b0a10;
  --bg-slide-card: #13111c;

  /* ─── Monochromatic text ─── */
  --text: #2a2226;
  --text-dim: #6b6270;
  --text-muted: #6b6270;

  /* ─── Accent palette (subdued — used sparingly) ─── */
  --purple: #8872b0;
  --pink: #c4628e;
  --teal: #5aad80;
  --amber: #b89a5a;
  --sky: #6a9cb8;
  --lime: #7aad5a;
  --rose: #c4626a;
  --fuchsia: #a4628e;
  --mint: #5aad80;

  /* ─── Metallic gradients (monochrome-first, tints subtle) ─── */
  --grad-1: linear-gradient(135deg, #c4a0b8, #a08cb8, #c4a0b8);
  --grad-2: linear-gradient(135deg, #90b8a4, #88a8b8);
  --grad-3: linear-gradient(135deg, #b8a878, #c4908a, #a088b8);
  --grad-4: linear-gradient(135deg, #a088b8, #88a8b8);
  --grad-5: linear-gradient(135deg, #a888a4, #c4a0b8);
  --grad-6: linear-gradient(135deg, #90b898, #90b8a4);

  /* ─── Titanium Material System ─── */
  --titanium-base: #d0cbc4;
  --titanium-light: #e8e4de;
  --titanium-dark: #b8b2aa;
  --titanium-specular: rgba(255,255,255,0.55);
  --titanium-surface: linear-gradient(
    168deg,
    #ddd8d0 0%, #e8e4de 15%, #cec8c0 30%, #ddd8d0 45%,
    #e2ded6 55%, #d4cec6 70%, #e0dcd4 85%, #d8d2ca 100%
  );
  --titanium-iridescent: linear-gradient(
    135deg,
    rgba(180,160,190,0.12) 0%,
    rgba(140,170,190,0.08) 25%,
    rgba(180,170,140,0.10) 50%,
    rgba(190,140,160,0.08) 75%,
    rgba(140,180,160,0.10) 100%
  );
  --metal-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");
  --brushed-metal: repeating-linear-gradient(
    90deg,
    rgba(255,255,255,0) 0px, rgba(255,255,255,0.02) 1px,
    rgba(0,0,0,0.01) 2px, rgba(255,255,255,0) 3px
  );

  /* ─── Toxic Shimmer Specular (pink + green tint in light sweeps) ─── */
  --spec-sweep: linear-gradient(
    105deg,
    transparent 25%,
    rgba(90,173,128,0.06) 38%,
    rgba(255,255,255,0.18) 48%,
    rgba(196,98,142,0.08) 52%,
    rgba(255,255,255,0.14) 56%,
    rgba(90,173,128,0.05) 64%,
    transparent 75%
  );
  --spec-sweep-strong: linear-gradient(
    105deg,
    transparent 20%,
    rgba(90,173,128,0.10) 34%,
    rgba(255,255,255,0.30) 46%,
    rgba(196,98,142,0.14) 50%,
    rgba(255,255,255,0.25) 54%,
    rgba(90,173,128,0.08) 66%,
    transparent 80%
  );
  --spec-sweep-dark: linear-gradient(
    105deg,
    transparent 25%,
    rgba(90,173,128,0.08) 38%,
    rgba(255,255,255,0.10) 48%,
    rgba(196,98,142,0.10) 52%,
    rgba(255,255,255,0.08) 56%,
    rgba(90,173,128,0.06) 64%,
    transparent 75%
  );

  /* ─── ROG Angular Geometry ─── */
  --clip-card: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px));
  --clip-card-sm: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
  --clip-btn: polygon(0 6px, 6px 0, calc(100% - 6px) 0, 100% 6px, 100% calc(100% - 6px), calc(100% - 6px) 100%, 6px 100%, 0 calc(100% - 6px));
  --clip-pill: polygon(8px 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 8px 100%, 0 50%);
  --clip-vent: polygon(0 0, 100% 0, 92% 100%, 8% 100%);

  /* ─── System ─── */
  --font: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
  --mono: 'JetBrains Mono', monospace;
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
}
:root{--card:var(--bg-card);--dim:var(--text-dim);--muted:var(--text-muted);--radius-sm:8px;--radius-md:16px;--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:40px;--font-body:Outfit,system-ui,sans-serif;--motion-fast:150ms;--motion-normal:300ms;--content-width:1120px;}
:root {
  --story-text: #f0f0f5; --story-text-dim: #b0adc0; --story-text-muted: #a09ab4;
  --story-panel: #1a1826; --story-glass: rgba(18,18,34,.88); --graph-background: #030306;
  --category-coding: #6c63ff; --category-writing: #ff6b9d; --category-research: #00d4aa;
  --category-business: #ffb347; --category-creative: #e040fb; --category-personal: #4fc3f7;
  --category-work: #66bb6a; --category-math_science: #ffd54f; --category-other: #9898b0;
  --provider-chatgpt: #10a37f; --provider-claude: #d97757; --provider-gemini: #4285f4; --provider-unknown: #8b8b8b;
  --story-purple: #8b5cf6; --story-pink: #ec4899; --story-teal: #14b8a6; --story-amber: #f59e0b;
  --story-sky: #38bdf8; --story-fuchsia: #d946ef; --story-lime: #84cc16; --story-rose: #f43f5e;
  --chart-grid: rgba(255,255,255,.12); --border: #b8b2aa;
  --shadow-dialog: 0 24px 80px #15101d33; --breakpoint-mobile: 768;
}