/**
 * Fusion Design System - Token Definitions
 * 
 * The visual foundation for the Shared Platform admin.
 * Combines Fresh gold, OD9 dark, and cyan accent into a unified palette.
 * 
 * Hierarchy: fusion-tokens.css (tokens) -> admin.css (components)
 * Tenants override --primary via inline :root in page-template.php.
 *
 * @version 1.0.0
 * @see MASTER_SYSTEM_PLAN.md - Design System Architecture
 */

:root {
    /* ============================================
       BRAND COLORS
       ============================================ */
    --primary: #FFD700;          /* Fresh Gold */
    --primary-hover: #f4e04d;
    --primary-glow: rgba(255, 215, 0, 0.25);
    --secondary: #1a1a2e;        /* OD9 Dark */
    --accent: #00D4FF;           /* Cyan */
    --accent-hover: #33ddff;
    --accent-glow: rgba(0, 212, 255, 0.25);

    /* ============================================
       SEMANTIC COLORS
       ============================================ */
    --success: #10B981;
    --success-bg: rgba(16, 185, 129, 0.12);
    --warning: #F59E0B;
    --warning-bg: rgba(245, 158, 11, 0.12);
    --danger: #EF4444;
    --danger-bg: rgba(239, 68, 68, 0.12);
    --info: #3B82F6;
    --info-bg: rgba(59, 130, 246, 0.12);

    /* ============================================
       NEUTRAL SCALE
       ============================================ */
    --gray-50:  #F9FAFB;
    --gray-100: #F3F4F6;
    --gray-200: #E5E7EB;
    --gray-300: #D1D5DB;
    --gray-400: #9CA3AF;
    --gray-500: #6B7280;
    --gray-600: #4B5563;
    --gray-700: #374151;
    --gray-800: #1F2937;
    --gray-900: #111827;

    /* ============================================
       DARK THEME SURFACES  (default for admin)
       ============================================ */
    --bg-body:      #0a0a12;
    --bg-surface:   #12121e;
    --bg-raised:    #1a1a2e;
    --bg-overlay:   #222236;
    --bg-hover:     #2a2a42;

    /* ============================================
       TEXT
       ============================================ */
    --text-primary:   #F9FAFB;
    --text-secondary: #D1D5DB;
    --text-muted:     #6B7280;
    --text-inverse:   #111827;

    /* ============================================
       BORDERS
       ============================================ */
    --border-default: #2a2a3e;
    --border-subtle:  #1f1f32;
    --border-strong:  #3a3a52;
    --border-accent:  rgba(255, 215, 0, 0.2);

    /* ============================================
       BORDER RADIUS
       ============================================ */
    --radius-sm:  6px;
    --radius-md:  8px;
    --radius-lg:  12px;
    --radius-xl:  16px;
    --radius-full: 9999px;

    /* ============================================
       SHADOWS
       ============================================ */
    --shadow-sm:  0 1px 2px  rgba(0, 0, 0, 0.3);
    --shadow-md:  0 4px 6px  rgba(0, 0, 0, 0.25);
    --shadow-lg:  0 10px 15px rgba(0, 0, 0, 0.3);
    --shadow-xl:  0 20px 25px rgba(0, 0, 0, 0.35);
    --shadow-glow: 0 0 20px var(--primary-glow);

    /* ============================================
       SPACING SCALE
       ============================================ */
    --space-1:  4px;
    --space-2:  8px;
    --space-3:  12px;
    --space-4:  16px;
    --space-5:  20px;
    --space-6:  24px;
    --space-8:  32px;
    --space-10: 40px;
    --space-12: 48px;
    --space-16: 64px;

    /* ============================================
       TYPOGRAPHY
       ============================================ */
    --font-sans:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-display: 'Bebas Neue', 'Impact', sans-serif;
    --font-body:    'Roboto Condensed', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-mono:    'JetBrains Mono', 'Fira Code', 'Courier New', monospace;

    --text-xs:  12px;
    --text-sm:  14px;
    --text-base: 16px;
    --text-lg:  18px;
    --text-xl:  20px;
    --text-2xl: 24px;
    --text-3xl: 30px;
    --text-4xl: 36px;

    --leading-tight:  1.25;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;

    /* ============================================
       LAYOUT
       ============================================ */
    --header-height:            64px;
    --sidebar-width:            260px;
    --sidebar-width-collapsed:  64px;
    --content-max-width:        1400px;

    /* ============================================
       TRANSITIONS
       ============================================ */
    --transition-fast:   150ms ease;
    --transition-base:   250ms ease;
    --transition-smooth: 350ms cubic-bezier(0.4, 0, 0.2, 1);

    /* ============================================
       Z-INDEX SCALE
       ============================================ */
    --z-base:     1;
    --z-dropdown: 100;
    --z-sticky:   500;
    --z-overlay:  900;
    --z-sidebar:  1000;
    --z-modal:    1100;
    --z-toast:    1200;

    /* ============================================
       ADMIN ALIASES  (consumed by admin.css)
       Direct values to avoid var-to-var resolution issues.
       Page-template.php overrides --admin-primary inline.
       ============================================ */
    --admin-primary:       #FFD700;
    --admin-primary-hover: #f4e04d;
    --admin-bg-primary:    #0a0a12;
    --admin-bg-secondary:  #1a1a2e;
    --admin-bg-tertiary:   #222236;
    --admin-text-primary:  #F9FAFB;
    --admin-text-secondary: #D1D5DB;
    --admin-text-muted:    #6B7280;
    --admin-border:        #2a2a3e;
    --admin-card-bg:       #12121e;
    --admin-success:       #10B981;
    --admin-danger:        #EF4444;
    --admin-warning:       #F59E0B;
    --admin-info:          #3B82F6;
    --admin-radius-sm:     6px;
    --admin-radius-md:     8px;
    --admin-radius-lg:     12px;
    --admin-spacing-xs:    8px;
    --admin-spacing-sm:    16px;
    --admin-spacing-md:    24px;
    --admin-spacing-lg:    32px;
    --admin-spacing-xl:    32px;
    --admin-black:         #000000;
    --admin-white:         #FFFFFF;
}