/* ============================================
   THEME: PROFESSIONAL LIGHT
   Clean light theme for readability
   Base primitives layer - Theme-specific values
   ============================================ */

[data-theme="light"] {
  /* ===== BASE COLORS - RGB Triplets ===== */
  --base-bg-primary-rgb: 255, 255, 255;        /* Pure white */
  --base-bg-secondary-rgb: 248, 250, 252;      /* Off-white */
  --base-bg-tertiary-rgb: 241, 245, 249;       /* Light gray */
  --base-accent-blue-rgb: 2, 132, 199;         /* Focus blue (darker) */
  --base-accent-red-rgb: 220, 38, 38;          /* Alert red (darker) */
  --base-accent-orange-rgb: 234, 88, 12;       /* Warning orange (darker) */
  --base-accent-yellow-rgb: 234, 179, 8;       /* Highlight yellow (darker) */
  
  /* ===== BASE COLORS - Solid (Hex) ===== */
  --base-bg-primary: #ffffff;                  /* White */
  --base-bg-secondary: #f8fafc;                /* Off-white */
  --base-bg-tertiary: #f1f5f9;                 /* Light gray */
  --base-text-primary: #1e293b;                /* Dark charcoal */
  --base-text-secondary: #475569;              /* Medium gray */
  --base-text-tertiary: #64748b;               /* Light gray */
  --base-text-muted: #94a3b8;                  /* Muted gray */
  --base-border-subtle: #e2e8f0;               /* Light border */
  --base-border-focus: #0284c7;                /* Focus blue */
  --base-accent-blue: #0284c7;                 /* Interactive */
  --base-accent-red: #dc2626;                  /* Danger */
  --base-accent-orange: #ea580c;               /* Warning */
  --base-accent-yellow: #eab308;               /* Highlight */
  --base-accent-green: #16a34a;                /* Success */
  
  /* ===== OPACITY LEVELS ===== */
  /* Contextual transparency for light backgrounds */
  --opacity-subtle: 0.08;      /* Barely visible on white */
  --opacity-light: 0.15;       /* Light overlays */
  --opacity-medium: 0.4;       /* Inactive states */
  --opacity-heavy: 0.8;        /* Active cards */
  --opacity-solid: 0.95;       /* Near-solid overlays */
  
  /* ===== DEBUG COLORS - DISABLED (Use theme colors instead) ===== */
  /* Map debug tokens to theme colors for production */
  --base-debug-magenta: var(--base-text-primary);    /* Use normal text */
  --base-debug-cyan: var(--base-text-secondary);     /* Use secondary text */
  --base-debug-red: var(--base-bg-primary);          /* Use background */
  --base-debug-yellow: var(--base-bg-secondary);     /* Use secondary bg */
  --base-debug-lime: var(--base-border-subtle);      /* Use border */
  --base-debug-orange: var(--base-accent-orange);    /* Use theme orange */
  --base-debug-blue: var(--base-accent-blue);        /* Use theme blue */
  
  /* ===== SECTION DELINEATORS - Light Theme ===== */
  /* Darker, saturated colors for light backgrounds - high contrast */
  --base-section-fm000-rgb: 124, 58, 237;    /* Deep Purple - Front Matter */
  --base-section-fm100-rgb: 22, 163, 74;     /* Deep Green - Unit 1 */
  --base-section-fm200-rgb: 234, 88, 12;     /* Deep Orange - Unit 2 */
  --base-section-fm300-rgb: 37, 99, 235;     /* Deep Blue - Unit 3 */
  --base-section-fm400-rgb: 202, 138, 4;     /* Deep Yellow - Unit 4 */
  --base-section-fm500-rgb: 219, 39, 119;    /* Deep Pink - Unit 5 */
  --base-section-fm600-rgb: 13, 148, 136;    /* Deep Teal - Unit 6 */
  --base-section-fm700-rgb: 202, 138, 4;     /* Deep Gold - Back Matter */
}