/**
 * Enev Energy & Enev Charging Network Design Tokens - CSS Custom Properties
 * Derived from the Master Brand Guidelines Deck (11 Slides)
 */

:root {
  /* Core Brand Palette (Slide 04) */
  --enev-grid-black: #070B14;     /* Primary Canvas Background */
  --enev-deep-navy: #0F172A;      /* Cards, Panels, Navigation */
  --enev-electric-cyan: #00E5FF;  /* Signature Action & Highlight */
  --enev-white: #FFFFFF;          /* Headings on Dark, Light Accents */
  --enev-cool-mist: #94A3B8;      /* Supporting & Body Subtext */
  --enev-slate-line: #1E293B;     /* Borders, Dividers & Outlines */

  /* Secondary Accents (Slide 02, 07, 08, 09, 11) */
  --enev-emerald: #10B981;        /* Managed End-to-End / Renewable Energy */
  --enev-purple: #8B5CF6;         /* Transparent Returns / Telemetry */
  --enev-amber: #F59E0B;          /* Company Accent / Statutory Holds */
  --enev-rose: #F43F5E;           /* Avoidance Warnings / Faults */
  --enev-blue: #3B82F6;           /* Implementation Standards */
  --enev-slate-dim: #64748B;      /* Subtle Metadata & Counters */

  /* Typography (Slide 05: Universal Segoe UI standard) */
  --font-family-base: 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif;
  --font-family-display: 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif;
  --font-family-mono: 'JetBrains Mono', 'Consolas', monospace;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;

  /* Type Scale (Slide 05) */
  --font-size-h1: clamp(2.5rem, 5vw, 4rem);    /* 48-64px */
  --font-size-h2: clamp(2rem, 3.5vw, 2.5rem);  /* 32-40px */
  --font-size-h3: clamp(1.35rem, 2.2vw, 1.75rem); /* 22-28px */
  --font-size-body: 1.0625rem;                 /* 16-18px */
  --font-size-label: 0.8125rem;                /* 12-14px */

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

  /* Shadows & Glows */
  --shadow-card: 0 4px 20px -2px rgba(0, 0, 0, 0.5), 0 1px 3px rgba(0, 0, 0, 0.3);
  --shadow-glow-cyan: 0 0 25px rgba(0, 229, 255, 0.25);
  --shadow-glow-emerald: 0 0 25px rgba(16, 185, 129, 0.25);
  --shadow-glow-purple: 0 0 25px rgba(139, 92, 246, 0.25);

  /* Transitions */
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 250ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* Master Brand Guidelines (Slide 08) — Content Card Left Accent Stripes */
.card-accent-cyan,
.card-stripe-cyan {
  border-left: 4px solid var(--enev-electric-cyan) !important;
}

.card-accent-emerald,
.card-stripe-emerald {
  border-left: 4px solid var(--enev-emerald) !important;
}

.card-accent-purple,
.card-stripe-purple {
  border-left: 4px solid var(--enev-purple) !important;
}

.card-accent-amber,
.card-stripe-amber {
  border-left: 4px solid var(--enev-amber) !important;
}

.card-accent-rose,
.card-stripe-rose {
  border-left: 4px solid var(--enev-rose) !important;
}