/**
 * Veras — Global design tokens
 * Minimalist scientific UI: deep charcoal canvas, soft off-white type, 1px borders.
 */

:root {
    /* ─── Foundation ─────────────────────────────────────────────────────── */
    --v-bg:              #0a0a0a;
    --v-bg-elevated:     #111111;
    --v-bg-surface:      #161616;
    --v-bg-deep:         #050505;

    --v-text:            #E8E8E4;
    --v-text-muted:      #8A8A86;
    --v-text-dim:        #5C5C58;

    /* ─── Borders (consistent 1px system) ────────────────────────────────── */
    --v-border-width:      1px;
    --v-border-color:      rgba(255, 255, 255, 0.12);
    --v-border-color-hover: rgba(255, 255, 255, 0.22);
    --v-border-color-accent: rgba(58, 122, 131, 0.45);
    --v-border:            var(--v-border-width) solid var(--v-border-color);
    --v-border-hover:      var(--v-border-width) solid var(--v-border-color-hover);
    --v-border-accent:     var(--v-border-width) solid var(--v-border-color-accent);

    /* ─── Obsidian scale (legacy aliases) ────────────────────────────────── */
    --v-obsidian:          var(--v-bg);
    --v-obsidian-mid:      var(--v-bg-elevated);
    --v-obsidian-deep:     var(--v-bg-deep);
    --v-obsidian-light:    var(--v-bg-surface);

    /* ─── Teal scale ─────────────────────────────────────────────────────── */
    --v-teal:              #2A5C63;
    --v-teal-light:        #3A7A83;
    --v-teal-muted:        rgba(42, 92, 99, 0.15);
    --v-teal-border:       rgba(42, 92, 99, 0.3);

    /* ─── Champagne scale ────────────────────────────────────────────────── */
    --v-champagne:         #C5A880;
    --v-champagne-light:   #D4BF9A;

    /* ─── Neutrals (legacy aliases) ──────────────────────────────────────── */
    --v-alabaster:         var(--v-text);
    --v-slate:             var(--v-text-muted);
    --v-dim:               var(--v-text-dim);

    /* ─── Typography ─────────────────────────────────────────────────────── */
    --font-display:        'Cormorant Garamond', Georgia, serif;
    --font-ui:             'Work Sans', system-ui, sans-serif;
    --font-body:           'Inter', system-ui, sans-serif;
    --font-mono:           'JetBrains Mono', 'Roboto Mono', ui-monospace, monospace;

    /* ─── Layout ─────────────────────────────────────────────────────────── */
    --container-max:       1280px;
    --section-pad:         80px;
    --radius-sm:           3px;
    --radius-xs:           2px;
}