/**
 * SORNHUB Colour Scheme
 *
 * Brand colours extracted from logo (sornhub.png):
 * - Charcoal: #3a3a3c (dark grey background)
 * - White: #ffffff (primary text and icons)
 * - Gold: #d4af37 (accent colour for highlights)
 *
 * These colours are used consistently throughout the application
 * to create a cohesive visual identity.
 */

:root {
  /* Brand Colours */
  --color-charcoal: #3a3a3c;
  --color-white: #ffffff;
  --color-gold: #d4af37;

  /* Charcoal Variants (background gradients) */
  --color-charcoal-dark: #2a2a2c;
  --color-charcoal-darker: #1a1a1c;

  /* Gold Variants */
  --color-gold-light: #e4c157;
  --color-gold-dark: #b49627;

  /* Semantic Colours (status indicators) */
  --color-success: #22c55e;      /* Green - Taxed vehicles */
  --color-warning: #fb923c;      /* Orange - SORN vehicles */
  --color-danger: #ef4444;       /* Red - Untaxed vehicles */

  /* UI Element Colours */
  --color-text-primary: var(--color-white);
  --color-text-secondary: rgba(255, 255, 255, 0.7);
  --color-text-muted: rgba(255, 255, 255, 0.5);

  --color-bg-primary: linear-gradient(135deg, var(--color-charcoal-darker) 0%, var(--color-charcoal-dark) 100%);
  --color-bg-card: rgba(255, 255, 255, 0.08);
  --color-bg-card-hover: rgba(255, 255, 255, 0.12);

  --color-border-subtle: rgba(255, 255, 255, 0.06);
  --color-border-normal: rgba(255, 255, 255, 0.12);
  --color-border-strong: rgba(255, 255, 255, 0.2);

  /* Gold Accent Gradients */
  --gradient-gold: linear-gradient(135deg, var(--color-gold) 0%, var(--color-gold-dark) 100%);
  --gradient-gold-subtle: linear-gradient(135deg, rgba(212, 175, 55, 0.2) 0%, rgba(180, 150, 39, 0.2) 100%);

  /* Glass Morphism Effect */
  --glass-bg: rgba(58, 58, 60, 0.5);
  --glass-blur: blur(28px) saturate(180%);
}