/**
 * Neo Theme — Neobrutalist. Off-white, hard black borders, zero radius, instant.
 * For: raasta, cvjeeves
 *
 * Personality: bold, direct, no-nonsense. Forms follow function, brutally.
 * Space Grotesk loaded conditionally in base.html.
 */

html[data-theme="neo"] {
  /* --- Backgrounds (near-white) --- */
  --space-black:    #f9f9f9;
  --space-dark:     #f2f2f2;
  --space-gray-900: #ffffff;
  --space-gray-800: #ececec;
  --space-gray-700: #0d0d0d;  /* hard black used as border color */

  /* --- Text (hard black) --- */
  --text-primary:   #0d0d0d;
  --text-secondary: #333333;
  --text-muted:     #666666;
  --text-disabled:  #aaaaaa;

  /* --- Accent tints (hard black, brutalist) --- */
  --accent-tint:   rgba(0, 0, 0, 0.05);
  --accent-border: #0d0d0d;
  --accent-glow:   rgba(0, 0, 0, 0.08);

  /* --- Glass → flat, no blur --- */
  --glass-bg:         #ffffff;
  --glass-border:     #0d0d0d;
  --glass-backdrop:   none;
  --glass-shadow:     4px 4px 0 #0d0d0d;
  --glow-blue:        4px 4px 0 #0d0d0d;
  --glow-blue-strong: 6px 6px 0 #0d0d0d;

  /* --- Typography (same font for everything, uppercase headings) --- */
  --font-heading:           'Space Grotesk', system-ui, sans-serif;
  --letter-spacing-heading: 0.04em;
  --text-transform-heading: uppercase;
  --line-height-tight:      1.1;

  /* --- Border radius — zero everywhere --- */
  --radius-sm:   0;
  --radius-md:   0;
  --radius-lg:   0;
  --radius-xl:   0;
  --radius-2xl:  0;
  --radius-full: 2px;

  /* --- Shadows (hard offset, no blur) --- */
  --shadow-sm: 2px 2px 0 #0d0d0d;
  --shadow-md: 3px 3px 0 #0d0d0d;
  --shadow-lg: 4px 4px 0 #0d0d0d;
  --shadow-xl: 6px 6px 0 #0d0d0d;

  /* --- Component: Buttons (border + hard shadow, shift on hover) --- */
  --btn-border:          2px solid #0d0d0d;
  --btn-radius:          0;
  --btn-shadow:          3px 3px 0 #0d0d0d;
  --btn-hover-shadow:    5px 5px 0 #0d0d0d;
  --btn-hover-transform: translate(-2px, -2px);

  /* --- Component: Cards (hard border, offset shadow grows on hover) --- */
  --card-border:          2px solid #0d0d0d;
  --card-radius:          0;
  --card-shadow:          4px 4px 0 #0d0d0d;
  --card-hover-shadow:    6px 6px 0 #0d0d0d;
  --card-hover-transform: translate(-2px, -2px);

  /* --- Component: Inputs (hard border, no focus ring) --- */
  --input-border:     2px solid #0d0d0d;
  --input-radius:     0;
  --input-focus-ring: none;

  /* --- Component: Nav --- */
  --nav-bg:     #f9f9f9;
  --nav-border: 2px solid #0d0d0d;

  /* --- Component: Badges --- */
  --badge-radius: 0;

  /* --- Dividers (thick, hard) --- */
  --divider-width: 2px;
  --divider-color: #0d0d0d;

  /* --- Animation: instant (neobrutalism has no transitions) --- */
  --ease-smooth:         linear;
  --transition-fast:     0ms;
  --transition-base:     0ms;
  --transition-slow:     80ms linear;
  --hover-lift-sm:       none;
  --hover-lift-md:       none;
}