/* ==========================================================================
   FRACTAL DESIGN SYSTEM: 65 / 25 / 10 COLOR ARCHITECTURE & TOKENS
   Copyright (c) 2026 FRACTAL LABS LLC. All rights reserved.
   ========================================================================== */

:root,
[data-theme="cyan-ink"] {
  --color-canvas: #8CE0EC;          /* 65% Primary Field & Exposed Grid Gutters */
  --color-ink-block: #07090C;       /* 25% Solid Anchor Blocks & Duotone Ink */
  --color-text-on-ink: #F2F7F9;     /* High-contrast inverted text inside ink blocks */
  --color-accent-signal: #00F59B;   /* 10% Active Fractal Vertex & Telemetry Signal */
  --color-grid-hairline: rgba(7, 9, 12, 0.24);
  --color-hairline-subtle: rgba(7, 9, 12, 0.14);
}

[data-theme="amber-quant"] {
  --color-canvas: #E6A145;
  --color-ink-block: #0A0908;
  --color-text-on-ink: #FAF6F0;
  --color-accent-signal: #FF3B1D;
  --color-grid-hairline: rgba(10, 9, 8, 0.26);
  --color-hairline-subtle: rgba(10, 9, 8, 0.15);
}

[data-theme="paper-mono"] {
  --color-canvas: #DCDAD2;
  --color-ink-block: #0C0D0E;
  --color-text-on-ink: #F7F6F2;
  --color-accent-signal: #FF4400;
  --color-grid-hairline: rgba(12, 13, 14, 0.22);
  --color-hairline-subtle: rgba(12, 13, 14, 0.12);
}

[data-theme="obsidian-term"] {
  --color-canvas: #12161C;
  --color-ink-block: #050608;
  --color-text-on-ink: #E6EDF3;
  --color-accent-signal: #38BDF8;
  --color-grid-hairline: rgba(230, 237, 243, 0.18);
  --color-hairline-subtle: rgba(230, 237, 243, 0.10);
}

/* Strict Zero Border Radius & Zero Shadow Rule */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border-radius: 0px !important;
  box-shadow: none !important; /* taste-skill-ignore */
}



html, body {
  background-color: var(--color-canvas);
  color: var(--color-ink-block);
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
  transition: background-color 140ms linear, color 140ms linear;
}

[data-theme="obsidian-term"] body {
  color: var(--color-text-on-ink);
}

/* Reduced Motion Support */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}