/* ============================================================
   CODECHOMPER V2 — Design Tokens
   Source: Design/SkateboardMag.pen
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root {
  /* --- Colors --- */
  --background:         #080808;
  --bg-surface:         #111111;
  --bg-elevated:        #1a1a1a;

  --foreground:         #dddddd;
  --muted-foreground:   #888888;

  --primary:            #8cc641;
  --primary-foreground: #080808;

  --accent:             #bf4e30;
  --accent-foreground:  #dddddd;

  --secondary:          #1a1a1a;
  --secondary-foreground: #dddddd;

  --card:               #111111;
  --card-foreground:    #dddddd;

  --border:             #2a2a2a;
  --border-accent:      #8cc641;

  --destructive:        #bf4e30;
  --destructive-foreground: #dddddd;

  --neon-green:         #8cc641;
  --dark-green:         #5e772c;

  /* --- Border Radius --- */
  --radius-none: 0px;
  --radius-m:    2px;
  --radius-pill: 4px;

  /* --- Spacing --- */
  --spacing-xs:  4px;
  --spacing-s:   8px;
  --spacing-m:   16px;
  --spacing-l:   24px;
  --spacing-xl:  32px;
  --spacing-xxl: 48px;

  /* --- Typography --- */
  --font-primary:   'Archivo Black', sans-serif;
  --font-secondary: 'Space Grotesk', sans-serif;

  /* --- Layout --- */
  --container-max: 1600px;
  --nav-height: 64px;
}