/**
 * ==============================================================================
 * Pak2Source — Global Design Tokens & Theme Configuration
 * ==============================================================================
 * Classic Luxury Monochrome Palette: White + Black + Grey.
 * Crisp, executive, timeless, and perfectly balanced for eye comfort.
 * ==============================================================================
 */

:root {
  /* --- Brand Color Tokens (Classic Black & Neutral Greys) --- */
  --color-primary: #09090b;          /* Deep Classic Black (zinc-950) */
  --color-primary-hover: #27272a;    /* Refined Charcoal (zinc-800) */
  --color-primary-glow: rgba(0, 0, 0, 0.12);

  --color-secondary: #27272a;        /* Neutral Slate Grey */
  --color-secondary-hover: #3f3f46;
  --color-secondary-glow: rgba(39, 39, 42, 0.12);

  --color-accent: #09090b;           /* Classic Monochrome Accent */
  --color-accent-hover: #27272a;
  --color-accent-glow: rgba(0, 0, 0, 0.12);

  --color-success: #18181b;          /* Executive Neutral Status */
  --color-success-hover: #27272a;
  --color-success-glow: rgba(0, 0, 0, 0.08);

  --color-warning: #71717a;          /* Slate Grey */
  --color-danger: #18181b;

  /* --- Light Theme Palette (Crisp White + Clean Black + Neutral Greys) --- */
  --color-bg: #ffffff;               /* Pure Crisp White */
  --color-bg-secondary: #f4f4f5;     /* Light Neutral Grey (zinc-100) */
  --color-surface: #ffffff;          /* Pure White Card Surface */
  --color-surface-card: #ffffff;
  --color-surface-hover: #fafafa;    /* Subtle Hover (zinc-50) */
  --color-surface-glass: rgba(255, 255, 255, 0.94);

  --color-text: #09090b;             /* Pure Deep Black (zinc-950) */
  --color-text-secondary: #52525b;   /* Refined Body Neutral (zinc-600) */
  --color-text-muted: #71717a;       /* Slate Grey (zinc-500) */

  --color-border: #e4e4e7;           /* Crisp Light Grey Border (zinc-200) */
  --color-border-hover: #09090b;     /* Deep Black Hover Border */
  --color-border-active: #18181b;

  /* --- Classic Monochrome Gradients --- */
  --gradient-primary: linear-gradient(135deg, #09090b 0%, #27272a 100%);
  --gradient-secondary: linear-gradient(135deg, #27272a 0%, #52525b 100%);
  --gradient-accent: linear-gradient(135deg, #09090b 0%, #3f3f46 100%);
  --gradient-zatca: linear-gradient(135deg, #09090b 0%, #27272a 100%);
  --gradient-hero-badge: linear-gradient(90deg, rgba(9, 9, 11, 0.04) 0%, rgba(39, 39, 42, 0.08) 100%);
  --gradient-card-top: linear-gradient(90deg, #09090b, #71717a);

  /* --- Elevation & Shadows --- */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.03);
  --shadow-md: 0 4px 14px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 12px 30px rgba(0, 0, 0, 0.08);
  --shadow-glow-accent: 0 0 18px rgba(0, 0, 0, 0.08);
  --shadow-glow-primary: 0 0 18px rgba(0, 0, 0, 0.08);
  --shadow-glow-success: 0 0 18px rgba(0, 0, 0, 0.08);

  /* --- Typography --- */
  --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', monospace;

  /* --- Radii & Transitions --- */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 26px;
  --radius-full: 9999px;

  --transition-fast: 160ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-normal: 280ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 450ms cubic-bezier(0.16, 1, 0.3, 1);

  --container-max-width: 1280px;
  --navbar-height: 120px;
}

/* ==============================================================================
   Dark Theme — Classic Obsidian Black + Crisp White + Charcoal Grey
   ============================================================================== */
[data-theme="dark"] {
  --color-primary: #ffffff;          /* Crisp Pure White */
  --color-primary-hover: #f4f4f5;
  --color-primary-glow: rgba(255, 255, 255, 0.15);

  --color-secondary: #a1a1aa;        /* Refined Slate Grey (zinc-400) */
  --color-secondary-hover: #d4d4d8;
  --color-secondary-glow: rgba(255, 255, 255, 0.1);

  --color-accent: #ffffff;           /* Crisp White Accent */
  --color-accent-hover: #f4f4f5;
  --color-accent-glow: rgba(255, 255, 255, 0.15);

  --color-success: #ffffff;
  --color-success-hover: #f4f4f5;
  --color-success-glow: rgba(255, 255, 255, 0.1);

  --color-warning: #a1a1aa;
  --color-danger: #ef4444;

  /* Deep obsidian black backdrop allowing white & grey typography to pop */
  --color-bg: #09090b;               /* Deep Obsidian Black (zinc-950) */
  --color-bg-secondary: #121215;     /* Dark Charcoal Grey */
  --color-surface: #18181b;          /* Elevated Surface (zinc-900) */
  --color-surface-card: #18181b;
  --color-surface-hover: #27272a;    /* Hover State (zinc-800) */
  --color-surface-glass: rgba(9, 9, 11, 0.94);

  --color-text: #ffffff;             /* Pure White Typography */
  --color-text-secondary: #d4d4d8;   /* Light Grey (zinc-300) */
  --color-text-muted: #a1a1aa;       /* Mid Grey (zinc-400) */

  --color-border: #27272a;           /* Refined Dark Grey Border */
  --color-border-hover: #52525b;     /* Light Grey Border Hover */
  --color-border-active: #ffffff;

  --gradient-primary: linear-gradient(135deg, #ffffff 0%, #e4e4e7 100%);
  --gradient-secondary: linear-gradient(135deg, #a1a1aa 0%, #ffffff 100%);
  --gradient-accent: linear-gradient(135deg, #ffffff 0%, #d4d4d8 100%);
  --gradient-zatca: linear-gradient(135deg, #ffffff 0%, #e4e4e7 100%);
  --gradient-hero-badge: linear-gradient(90deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.03) 100%);
  --gradient-card-top: linear-gradient(90deg, #ffffff, #71717a);

  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.35);
  --shadow-md: 0 6px 20px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 14px 36px rgba(0, 0, 0, 0.6);
  --shadow-glow-accent: 0 0 16px rgba(255, 255, 255, 0.12);
  --shadow-glow-primary: 0 0 16px rgba(255, 255, 255, 0.12);
  --shadow-glow-success: 0 0 16px rgba(255, 255, 255, 0.12);
}

/* Contrast enhancement for dark theme buttons & badges */
[data-theme="dark"] .btn-primary,
[data-theme="dark"] .btn-zatca,
[data-theme="dark"] .btn-primary:hover,
[data-theme="dark"] .btn-zatca:hover,
[data-theme="dark"] .btn-primary:focus,
[data-theme="dark"] .btn-zatca:focus,
[data-theme="dark"] .btn-primary:active,
[data-theme="dark"] .btn-zatca:active {
  background: #ffffff;
  color: #09090b !important;
  font-weight: 800;
}

[data-theme="dark"] .badge-highlight {
  background: #ffffff;
  color: #09090b;
}

[data-theme="dark"] .top-announcement-bar {
  background: #121215;
  border-bottom-color: #27272a;
  color: #ffffff;
}

[data-theme="dark"] .fbr-stamp-pill,
[data-theme="dark"] .zatca-stamp-pill {
  background: #ffffff;
  color: #09090b;
}