/*
 * RoleLab – Design Tokens
 * Edit this file to restyle the entire site.
 * Changes here propagate to all 4 pages automatically.
 */
:root {
  /* Backgrounds */
  --bg:          #faf9f5;       /* main page background */
  --white:       #ffffff;       /* card / nav background */
  --dark-bg:     #080808;       /* footer / dark sections */
  --dark-border: #1c1c1c;

  /* Text */
  --black:       #0a0a0a;
  --text:        #111111;
  --muted:       #6b6b6b;

  /* Brand accent */
  --green:       #45ff00;       /* neon green — buttons, pills, dots */
  --green-dim:   rgba(69,255,0,.10);
  --terracotta:  hsl(14.8,63.1%,59.6%); /* retro hero background ring */

  /* Buttons */
  --btn-bg:      #1a1a1a;

  /* Borders */
  --border:      #e2e2e2;

  /* Radius */
  --radius-btn:  980px;

  /* Shadows */
  --shadow-sm:   0 1px 3px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.04);
  --shadow-md:   0 4px 16px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);
  --shadow-lg:   0 16px 48px rgba(0,0,0,.10), 0 4px 8px rgba(0,0,0,.05);

  /* Legacy aliases (keep — used in features/contact pages) */
  --violet:       #1a1a1a;
  --violet-dark:  #000000;
  --violet-light: #f0f0f0;
  --blue-light:   #f0f0f0;
}