:root {
        /* --- MISSION-CRITICAL INDUSTRIAL DARK PETROL & MINT TEAL ACCENT --- */
        --color-background: 12 20 20;        /* Deep industrial petrol canvas #0C1414 */
        --color-surface-card: 15 24 24;      /* Pure structured card surface #0F1818 */
        --color-surface-subtle: 19 30 30;    /* Precision recessed panel #131E1E */
        --shadow-light-color: 31 48 48;      /* Razor 1px hairline border #1F3030 */
        --shadow-dark-color: 0 0 0;          /* Pure shadow base */
        --color-text-heading: 255 255 255;   /* Crisp Pure White */
        --color-text-body: 226 232 240;      /* Silver Slate-200 */
        --color-text-muted: 130 151 151;     /* Industrial Petrol Muted #829797 */
        --color-text-inverted: 12 20 20;     /* Deep canvas invert */
        --color-primary: 20 184 166;         /* Refined Mint Teal #14B8A6 */
        --color-primary-bright: 34 211 238;  /* Cyan Tech Accent #22D3EE */
        --color-primary-dark: 13 148 136;    /* Deep Teal #0D9488 */
        --color-critical-bg: 239 68 68;      /* Signal Red #EF4444 */
        --color-critical-text: 248 113 113;  /* Red-400 */
        --color-critical-icon: 239 68 68;    /* Red-500 */
        --color-critical-border: 239 68 68;  /* Red-500 */
        --color-warning-bg: 245 158 11;      /* Signal Amber #F59E0B */
        --color-warning-text: 251 191 36;    /* Amber-400 */
        --color-warning-icon: 245 158 11;    /* Amber-500 */
        --color-warning-border: 245 158 11;  /* Amber-500 */
        --color-info-bg: 14 165 233;         /* Technical Cyan #0EA5E9 */
        --color-info-text: 56 189 248;       /* Sky-400 */
        --color-info-icon: 14 165 233;       /* Sky-500 */
        --color-info-border: 14 165 233;     /* Sky-500 */
        --color-success-bg: 16 185 129;      /* Signal Emerald #10B981 */
        --color-success-text: 52 211 153;    /* Emerald-400 */
        --color-success-icon: 16 185 129;    /* Emerald-500 */
        --color-success-border: 16 185 129;  /* Emerald-500 */
      }
      html {
        overflow-y: scroll;
        background-color: rgb(var(--color-background));
        font-size: 100%;
        color-scheme: dark;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-rendering: optimizeLegibility;
      }
      .light-theme {
        color-scheme: light;
        /* --- MODERN SWISS CLEAN DESIGN (ARCHITECTURAL MINIMALIST - LIGHT MODE) --- */
        --color-background: 246 248 250;      /* Immaculate Swiss gallery canvas #F6F8FA */
        --color-surface-card: 255 255 255;    /* Pristine white architectural cards #FFFFFF */
        --color-surface-subtle: 240 243 246;  /* Flat technical panel #F0F3F6 */
        --shadow-light-color: 226 230 236;    /* Razor 1px hairline border #E2E6EC */
        --shadow-dark-color: 15 23 42;
        --color-text-heading: 15 23 42;      /* Onyx Slate-900 */
        --color-text-body: 51 65 85;         /* High-legibility Slate-700 */
        --color-text-muted: 100 116 139;     /* Slate-500 */
        --color-text-inverted: 255 255 255;
        --color-primary: 0 102 204;          /* Swiss International Blue #0066CC */
        --color-primary-bright: 2 132 199;    /* Bright Sky Blue #0284C7 */
        --color-primary-dark: 0 75 153;       /* Cobalt Navy #004B99 */
        --color-critical-bg: 225 29 72;
        --color-critical-text: 190 18 60;     /* Rose-700 */
        --color-critical-icon: 225 29 72;     /* Rose-600 */
        --color-critical-border: 225 29 72;   /* Rose-600 */
        --color-warning-bg: 217 119 6;
        --color-warning-text: 180 83 9;       /* Amber-700 */
        --color-warning-icon: 217 119 6;     /* Amber-600 */
        --color-warning-border: 217 119 6;   /* Amber-600 */
        --color-info-bg: 37 99 235;
        --color-info-text: 29 78 216;        /* Blue-700 */
        --color-info-icon: 37 99 235;       /* Blue-600 */
        --color-info-border: 37 99 235;     /* Blue-600 */
        --color-success-bg: 16 185 129;
        --color-success-text: 4 120 87;      /* Emerald-700 */
        --color-success-icon: 16 185 129;    /* Emerald-600 */
        --color-success-border: 16 185 129;  /* Emerald-600 */
      }
      body {
        background-color: rgb(var(--color-background));
        min-height: 100vh;
        letter-spacing: -0.012em;
      }
      h1, h2, h3, h4, h5, h6 {
        letter-spacing: -0.025em;
      }
      .font-mono, [data-tabular="true"], table {
        font-feature-settings: "tnum" 1, "zero" 1;
        font-variant-numeric: tabular-nums lining-nums;
      }
      button, a, input, select {
        transition: background-color 0.12s ease-in-out, color 0.12s ease-in-out, border-color 0.12s ease-in-out, box-shadow 0.12s ease-in-out;
      }
      
      /* --- ACCESSIBILITY & SWISS FOCUS STYLES --- */
      :focus:not(:focus-visible) {
        outline: none;
      }
      a:focus-visible, button:focus-visible {
        outline: none;
        box-shadow: 0 0 0 2px rgb(var(--color-background)), 0 0 0 3px rgb(var(--color-primary) / 0.7);
      }
      input:focus-visible, select:focus-visible, textarea:focus-visible {
        outline: none;
        box-shadow: 0 0 0 2px rgb(var(--color-primary) / 0.5);
      }