// ============================================================
//  F2 Technologies — Design Tokens (SCSS)
//  Generated from f2-tokens.json. Flat system — no gradients.
// ============================================================

// --- Core brand ---
$f2-ink:         #101216; // primary dark surface
$f2-bone:        #ECEAE2; // primary text / light surface
$f2-amber:       #E59A3C; // Signal Amber — the only accent

// --- Neutral ramp ---
$f2-ink-900:     #0B0D11;
$f2-ink-800:     #101216;
$f2-ink-700:     #15181E;
$f2-ink-600:     #1B1F26;
$f2-ink-500:     #2A2F38;
$f2-ink-400:     #3C414B;
$f2-gray-500:    #6E727C;
$f2-gray-400:    #8B8F99;
$f2-gray-300:    #A6A9B2;
$f2-gray-200:    #C7C8CE;

// --- Amber tints ---
$f2-amber-soft:  #1B1610;
$f2-amber-press: #C57E2E;

// --- Semantic ---
$f2-success:     #4FA873;
$f2-warning:     #E0B341;
$f2-error:       #D85C57;

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

// --- Radius ---
$f2-radius-sm:   4px;
$f2-radius-md:   14px;
$f2-radius-lg:   20px;

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

// --- Grid / spacing ---
$f2-unit:        8px;
$f2-gap:         12px;