/* ==========================================================================
   TERMINAL THEME TOKENS — Shared across Admissions, Transfer Center, Census Rail
   ==========================================================================

   Location:  /static/css/terminal-tokens.css
   Activator: .aw-page, .tc-page, body[data-theme="terminal"]

   WHY: These ~55 --term-* custom properties were duplicated across admissions.css,
        transfer-center.css, and note-rail-terminal.css. Single source of truth
        prevents drift and reduces CSS payload.
   ========================================================================== */

.aw-page,
.tc-page,
body[data-theme="terminal"] {
    /* --- Backgrounds --- */
    --term-bg-void:       #0C0B0A;
    --term-bg-surface:    #13120F;
    --term-bg-elevated:   #1B1A16;
    --term-bg-header:     #0E0D0B;
    --term-bg-input:      #17160F;

    /* --- Foreground --- */
    --term-fg-primary:    #E8E4DC;
    --term-fg-secondary:  #A09888;
    --term-fg-muted:      #8A8278;
    --term-fg-inverse:    #0C0B0A;

    /* --- Borders --- */
    --term-border-subtle:  #1E1C18;
    --term-border-default: #2A2720;
    --term-border-strong:  #3A3630;

    /* --- Accent (Cyan/Green) --- */
    --term-accent:        #00FFD0;
    --term-accent-dim:    rgba(0, 255, 208, 0.40);
    --term-accent-subtle: rgba(0, 255, 208, 0.10);
    --term-accent-ghost:  rgba(0, 255, 208, 0.05);
    --term-accent-hot:    #00DDC0;

    /* --- Gold --- */
    --term-gold:          #D4A857;
    --term-gold-dim:      rgba(212, 168, 87, 0.35);
    --term-gold-subtle:   rgba(212, 168, 87, 0.10);
    --term-gold-ghost:    rgba(212, 168, 87, 0.05);
    --term-gold-hot:      #C4993A;

    /* --- Status Colors --- */
    --term-status-error:      #EF4444;
    --term-status-ready:      #22C55E;
    --term-status-editing:    #F59E0B;
    --term-status-generating: #3B82F6;

    /* --- Glow (box-shadow values) --- */
    --term-glow-accent:         0 0 8px rgba(0, 255, 208, 0.25), 0 0 24px rgba(0, 255, 208, 0.08);
    --term-glow-accent-intense: 0 0 12px rgba(0, 255, 208, 0.40), 0 0 36px rgba(0, 255, 208, 0.12);
    --term-glow-gold:           0 0 10px rgba(212, 168, 87, 0.15), 0 0 24px rgba(212, 168, 87, 0.06);
    --term-glow-red:            0 0 10px rgba(239, 68, 68, 0.30), 0 0 24px rgba(239, 68, 68, 0.10);
    --term-glow-amber:          0 0 10px rgba(245, 158, 11, 0.25), 0 0 24px rgba(245, 158, 11, 0.08);
    --term-glow-green:          0 0 10px rgba(34, 197, 94, 0.25), 0 0 24px rgba(34, 197, 94, 0.08);
    --term-glow-blue:           0 0 10px rgba(59, 130, 246, 0.25), 0 0 24px rgba(59, 130, 246, 0.08);

    /* --- Typography --- */
    --term-font-mono:    'JetBrains Mono', 'SF Mono', monospace;
    --term-font-display: 'Outfit', 'Inter', sans-serif;
    --term-font-body:    'DM Sans', 'Inter', sans-serif;
    --term-text-xs:   0.6875rem;
    --term-text-sm:   0.8125rem;
    --term-text-base: 0.9375rem;
    --term-text-lg:   1.125rem;
    --term-tracking-wide:    0.05em;
    --term-tracking-wider:   0.10em;
    --term-tracking-widest:  0.20em;
    --term-tracking-display: 0.15em;

    /* --- Spacing --- */
    --term-space-xs:  4px;
    --term-space-sm:  8px;
    --term-space-md:  12px;
    --term-space-lg:  16px;
    --term-space-xl:  24px;
    --term-space-2xl: 32px;

    /* --- Corner Decorations --- */
    --term-corner-size:   16px;
    --term-corner-offset: 6px;
    --term-corner-width:  2px;

    /* --- Animation --- */
    --term-duration-normal: 300ms;
    --term-easing: cubic-bezier(0.4, 0, 0.2, 1);

    /* --- Film Grain --- */
    --term-grain: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)' opacity='0.018'/%3E%3C/svg%3E");

    /* --- Text Glow --- */
    --term-text-glow-gold:   0 0 16px rgba(212, 168, 87, 0.20);
    --term-text-glow-accent: 0 0 10px rgba(0, 255, 208, 0.30);

    /* --- Elevation Shadows --- */
    --term-shadow-card-hover: 0 4px 12px rgba(0, 0, 0, 0.3);
    --term-shadow-modal:      0 8px 32px rgba(0, 0, 0, 0.5);
}
