/* ==========================================================
   roadsterclub – design tokens
   Bestandsnaam: rsc-tokens.css
   Doel: centrale theming (light/dark) voor hele site
   ========================================================== */


/* ==========================================================
   LIGHT MODE (default)
   ========================================================== */
:root {
	/* ===== Brand / accent ===== */
  --rsc-brand: #b41624;					/* Soul Red, altijd */
  --rsc-brand-toggle: #b41624;			/* Soul Red wordt Racing Orange */
  --rsc-brand-orange: #ff6b1a;			/* Racing Orange*/
  --rsc-brand-glow1: #b416241a;			/* Zachte rode glow */
  --rsc-brand-glow2: #b416241f;			/* Intensere rode glow */

  /* ===== Text ===== */
  --rsc-text: #1c1516;
  --rsc-text-dark: #1c1516;				/* Altijd donkere tekst */
  --rsc-text-muted: #667085;			/* Opmerkingen ACF */

  /* ===== Backgrounds ===== */
  --rsc-background-bright:  #fbf8f7;	/* Altijd achtergrond kleur */
  --rsc-background: #fbf8f7;			/* Achtergrond */
  --rsc-background2: #edeeef;			/* Licht grijze achtergrond */
  --rsc-background3: #0A0A0A;			/* Donkere achtergrond die donker(der) blijft */
  --rsc-background-overlay: #fbf8f7DD;	/* Overlay op add-kaart */
  --rsc-error-background: #ffebed;		/* Error backbround */ 
	
  /* ===== Black alpha (hex with AA) ===== */
  --rsc-boxshadow: #12121260;			/* Box-shadow zoals in Breakdance */
  --rsc-boxshadow2: #00000040;			/* Box-shadow autokaarten */
  --rsc-overlay: #121212EE;				/* Donkere overlay */

  /* ===== Status colors ===== */
  --rsc-status-actief: #b41624;
  --rsc-status-project: #a855f7;
  --rsc-status-te_koop: #d99606;
  --rsc-status-verkocht: #ff6b1a;
  --rsc-status-uit_dienst: #2563eb;
  --rsc-status-gestolen: #4b5563;
}

/* ==========================================================
   DARK MODE (overrides only)
   Toggle via: html[data-theme="dark"]
   ========================================================== */

html[data-theme="dark"] {
	
	/* ===== Brand / accent ===== */
  --rsc-brand-toggle: #FF6B1A;
  --rsc-brand-surface: #2A2A2A;
  --rsc-brand-glow1: #b4162433;
  --rsc-brand-glow2: #b4162440;

  /* ===== Text ===== */
  --rsc-text: #fbf8f7;

  /* ===== Backgrounds ===== */
  --rsc-background: #121212;
  --rsc-background2: #1D1D1D;
  --rsc-background3: #1D1D1D;
  --rsc-background-overlay: #121212EE;
	
  /* ===== Black alpha (hex with AA) ===== */
  --rsc-boxshadow: #fbf8f740;
  --rsc-boxshadow2: #fbf8f71F;
}