/* ============================================================
   F2 Technologies — Design Tokens
   The brand manual defines these decisions; the design system
   implements them. Keep these names stable across code + manual.
   Flat system — no gradients.
   ============================================================ */

:root {
  /* --- Core brand --- */
  --f2-ink:            #101216; /* primary surface (dark)  */
  --f2-bone:           #ECEAE2; /* primary text / light surface */
  --f2-amber:          #E59A3C; /* Signal Amber — active node, the only accent */

  /* --- Neutral ramp (derived from ink) --- */
  --f2-ink-900:        #0B0D11;
  --f2-ink-800:        #101216;
  --f2-ink-700:        #15181E; /* raised surface */
  --f2-ink-600:        #1B1F26; /* card surface */
  --f2-ink-500:        #2A2F38; /* hairline-strong / borders */
  --f2-ink-400:        #3C414B; /* disabled, mono-key edge */
  --f2-gray-500:       #6E727C; /* faint labels */
  --f2-gray-400:       #8B8F99; /* secondary text */
  --f2-gray-300:       #A6A9B2; /* body on dark */
  --f2-gray-200:       #C7C8CE; /* high-emphasis secondary */

  /* --- Amber tints (sparing use only) --- */
  --f2-amber-soft:     #1B1610; /* amber-tinted surface */
  --f2-amber-press:    #C57E2E; /* amber on light bg / pressed */

  /* --- Semantic (flat, restrained) --- */
  --f2-success:        #4FA873;
  --f2-warning:        #E0B341;
  --f2-error:          #D85C57;

  /* --- Hairlines --- */
  --f2-line:           rgba(236, 234, 226, 0.09);
  --f2-line-strong:    rgba(236, 234, 226, 0.16);

  /* --- Type --- */
  --f2-font-display:   'Space Grotesk', system-ui, sans-serif;
  --f2-font-mono:      'JetBrains Mono', ui-monospace, monospace;

  /* --- Radius (rounded-square language) --- */
  --f2-radius-sm:      4px;   /* module cell */
  --f2-radius-md:      14px;  /* cards */
  --f2-radius-lg:      20px;  /* app tile / keycap */

  /* --- Motion --- */
  --f2-ease:           cubic-bezier(0.2, 0, 0, 1);
  --f2-dur-fast:       120ms;
  --f2-dur-base:       220ms;
  --f2-dur-slow:       420ms;

  /* --- Grid / spacing (modular) --- */
  --f2-unit:           8px;
  --f2-gap:            12px;
}