/* ============================================
   Delta Forge - Master Design Tokens
   Derived from delta-forge-gui design system
   "Midnight Sapphire" dark theme
   ============================================ */

:root {
    /* ---- Primary Accent (Refined Blue) ---- */
    --primary-50: #e6f4ff;
    --primary-100: #bae0ff;
    --primary-200: #91caff;
    --primary-300: #69b1ff;
    --primary-400: #4096ff;
    --primary-500: #1677ff;
    --primary-600: #0958d9;
    --primary-700: #003eb3;
    --primary-800: #002c8c;
    --primary-900: #001d66;

    /* ---- Extended Palette ---- */
    --purple-400: #9254de;
    --purple-500: #722ed1;
    --purple-600: #531dab;

    --cyan-400: #36cfc9;
    --cyan-500: #13c2c2;
    --cyan-600: #08979c;

    --emerald-400: #34D399;
    --emerald-500: #10b981;

    --amber-400: #ffc53d;
    --amber-500: #faad14;

    --rose-400: #fb7185;
    --rose-500: #f43f5e;

    --magenta-400: #f759ab;
    --magenta-500: #eb2f96;

    --orange-400: #ffa940;
    --orange-500: #fa8c16;

    --indigo-400: #5c6bc0;
    --indigo-500: #3f51b5;

    /* ---- Surface (Midnight Sapphire) ---- */
    --surface-50: #f8f9fb;
    --surface-100: #f0f1f5;
    --surface-200: #e4e6ec;
    --surface-300: #d4d6de;
    --surface-400: #b9bcc6;
    --surface-500: #878a95;
    --surface-600: #575b67;
    --surface-700: #434751;
    --surface-800: #323640;
    --surface-850: #292d37;
    --surface-900: #22262f;
    --surface-925: #1b1f28;
    --surface-950: #151922;
    --surface-975: #10131b;

    /* ---- Success (Vibrant Green) ---- */
    --success-50: #f6ffed;
    --success-100: #d9f7be;
    --success-200: #b7eb8f;
    --success-300: #95de64;
    --success-400: #73d13d;
    --success-500: #52c41a;
    --success-600: #389e0d;
    --success-700: #237804;

    /* ---- Warning (Warm Gold) ---- */
    --warning-50: #fffbe6;
    --warning-100: #fff1b8;
    --warning-200: #ffe58f;
    --warning-300: #ffd666;
    --warning-400: #ffc53d;
    --warning-500: #faad14;
    --warning-600: #d48806;
    --warning-700: #ad6800;

    /* ---- Error (Vivid Red) ---- */
    --error-50: #fff2f0;
    --error-100: #ffccc7;
    --error-200: #ffa39e;
    --error-300: #ff7875;
    --error-400: #ff4d4f;
    --error-500: #f5222d;
    --error-600: #cf1322;
    --error-700: #a8071a;

    /* ---- Background Colors ---- */
    --bg-base: #10131b;
    --bg-elevated: #151922;
    --bg-container: #1b1f28;
    --bg-spotlight: #22262f;
    --bg-component: #292d37;
    --bg-hover: rgba(255, 255, 255, 0.06);
    --bg-active: rgba(255, 255, 255, 0.12);

    /* Semantic aliases (web layout) */
    --bg-primary: var(--bg-base);
    --bg-secondary: var(--bg-elevated);
    --bg-tertiary: var(--bg-container);
    --bg-card: var(--bg-spotlight);
    --bg-card-hover: var(--bg-component);
    --bg-elevated-web: #323640;

    /* ---- Text Colors (solid surface-scale, not rgba) ---- */
    --text-primary: #f0f1f5;
    --text-secondary: #b9bcc6;
    --text-tertiary: #878a95;
    --text-muted: #6b6f7b;
    --text-placeholder: #6b6f7b;

    /* ---- Border Colors ---- */
    --border-primary: rgba(255, 255, 255, 0.12);
    --border-secondary: rgba(255, 255, 255, 0.08);
    --border-focus: var(--primary-500);

    /* Semantic aliases (web) */
    --border-subtle: var(--border-secondary);
    --border-default: var(--border-primary);
    --border-strong: rgba(255, 255, 255, 0.15);
    --border-accent: rgba(22, 119, 255, 0.5);

    /* ---- Gradients ---- */
    --gradient-primary: linear-gradient(135deg, #0958d9 0%, #1677ff 50%, #4096ff 100%);
    --gradient-display: linear-gradient(135deg, #4096ff 0%, #818cf8 45%, #c084fc 100%);
    --gradient-secondary: linear-gradient(135deg, #13c2c2 0%, #1677ff 100%);
    --gradient-accent: linear-gradient(135deg, #1677ff 0%, #faad14 100%);
    --gradient-glow: radial-gradient(ellipse at center, rgba(22, 119, 255, 0.15) 0%, transparent 70%);

    /* ---- Typography ---- */
    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --font-display: 'Outfit', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-mono: 'JetBrains Mono', 'Fira Code', 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace;

    /* ---- Spacing ---- */
    --container-max: 1320px;
    --section-padding: 140px;

    /* ---- Shadows ---- */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
    --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
    --shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.7);
    --shadow-glow: 0 0 24px rgba(22, 119, 255, 0.15);
    --shadow-glow-lg: 0 0 40px rgba(22, 119, 255, 0.2);
    --shadow-glow-success: 0 0 20px rgba(82, 196, 26, 0.15);
    --shadow-glow-error: 0 0 20px rgba(245, 34, 45, 0.15);

    /* ---- Radii ---- */
    --radius-sm: 4px;
    --radius: 6px;
    --radius-md: 6px;
    --radius-lg: 8px;
    --radius-xl: 12px;
    --radius-2xl: 16px;
    --radius-full: 9999px;

    /* ---- Transitions ---- */
    --transition-fast: 150ms ease;
    --transition: 200ms cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: 300ms cubic-bezier(0.4, 0, 0.2, 1);

    /* ---- Data Visualization ---- */
    --viz-blue: #4096ff;
    --viz-purple: #9254de;
    --viz-cyan: #36cfc9;
    --viz-lime: #73d13d;
    --viz-orange: #ffa940;
    --viz-magenta: #f759ab;
    --viz-gold: #E8D14F;
    --viz-red: #ff4d4f;
    --viz-indigo: #5c6bc0;
    --viz-teal: #20B2AA;

    /* ---- Syntax Theme (GUI Monaco) ---- */
    --syntax-keyword: #7EB0DC;
    --syntax-type: #6EC4B2;
    --syntax-predefined: #DEC48A;
    --syntax-identifier: #D4D8E2;
    --syntax-string: #D2A27E;
    --syntax-number: #89C29E;
    --syntax-comment: #606A7E;
    --syntax-operator: #B0B5C0;

    /* ---- Status Colors ---- */
    --status-success: #52c41a;
    --status-error: #f5222d;
    --status-running: #1677ff;
    --status-pending: #faad14;
    --status-cancelled: #878a95;
    --status-idle: #575b67;
}