/*
Theme Name: AdBlue Hero Scotland Theme
Theme URI: https://adbluehero.scot/
Author: Kites.Dev
Description: A WordPress theme for AdBlue Hero Scotland.
Version: 3.0.0
Text Domain: adblue-theme
*/

/* Custom Theme Design Tokens & CSS Variables */
:root {
  --radius: 0.5rem;
  --navy: #152238;
  --navy-deep: #0a1322;
  --orange: #f97316;
  --blue: #2563eb;
  --success: #16a34a;
  --background: #ffffff;
  --foreground: #1e293b;
  --card: #ffffff;
  --card-foreground: #1e293b;
  --primary: var(--orange);
  --primary-foreground: #ffffff;
  --secondary: var(--navy);
  --secondary-foreground: #ffffff;
  --accent: var(--blue);
  --accent-foreground: #ffffff;
  --muted: #f8fafc;
  --muted-foreground: #64748b;
  --border: #e2e8f0;
}

/* Fallback OKLCH support if supported by modern browser */
@supports (color: oklch(0% 0 0)) {
  :root {
    --navy: oklch(22% 0.06 250);
    --navy-deep: oklch(16% 0.05 250);
    --orange: oklch(70% 0.19 45);
    --blue: oklch(56% 0.18 255);
    --success: oklch(62% 0.18 145);
    --background: oklch(100% 0 0);
    --foreground: oklch(18% 0.04 250);
    --card: oklch(100% 0 0);
    --card-foreground: oklch(18% 0.04 250);
    --primary: var(--orange);
    --primary-foreground: oklch(100% 0 0);
    --secondary: var(--navy);
    --secondary-foreground: oklch(100% 0 0);
    --accent: var(--blue);
    --accent-foreground: oklch(100% 0 0);
    --muted: oklch(96% 0.005 250);
    --muted-foreground: oklch(45% 0.02 250);
    --border: oklch(90% 0.01 250);
  }
}

/* Custom Lucide Icon Helper styles & inline SVG styling */
svg.lucide {
  display: inline-block;
  vertical-align: middle;
}