/**
 * KHRIZ STUDIO TCG & WRESTLING
 * Design Tokens & Brand Variables
 * Sabana Grande, Puerto Rico
 */

:root {
  /* Brand Palette - Neon / Electric Lime Green */
  --khriz-green: #75F000;
  --khriz-green-bright: #7CFF00;
  --khriz-green-deep: #65D900;
  --khriz-green-dark: #4ea800;
  --khriz-green-glow: rgba(117, 240, 0, 0.22);
  --khriz-green-glow-strong: rgba(117, 240, 0, 0.40);
  --khriz-green-glow-subtle: rgba(117, 240, 0, 0.10);
  --khriz-green-badge-bg: rgba(117, 240, 0, 0.12);
  
  /* Brand Palette - Blacks */
  --khriz-black: #050505;
  --khriz-black-surface: #0A0A0A;
  --khriz-black-card: #111111;
  --khriz-black-elevated: #161616;
  --khriz-black-border: #222222;

  /* Brand Palette - Whites & Neutrals (65% dominant white background) */
  --khriz-white: #FFFFFF;
  --khriz-bg-light: #F7F7F7;
  --khriz-bg-subtle: #FAFAFA;
  --khriz-border: #D9D9D9;
  --khriz-border-light: #EBEBEB;
  --khriz-text-main: #0A0A0A;
  --khriz-text-muted: #555555;
  --khriz-text-light: #888888;
  --khriz-text-inverse: #FFFFFF;
  --khriz-text-inverse-muted: #A3A3A3;

  /* Glossy Button Gradients */
  --khriz-gradient-glossy: linear-gradient(135deg, #65D900 0%, #8CFF00 50%, #59CC00 100%);
  --khriz-gradient-dark: linear-gradient(180deg, #141414 0%, #080808 100%);
  --khriz-gradient-card-overlay: linear-gradient(180deg, rgba(5, 5, 5, 0) 30%, rgba(5, 5, 5, 0.85) 100%);

  /* Shadows */
  --khriz-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.05);
  --khriz-shadow-md: 0 6px 20px rgba(0, 0, 0, 0.08);
  --khriz-shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.12);
  --khriz-shadow-xl: 0 20px 48px rgba(0, 0, 0, 0.18);
  --khriz-shadow-green-btn: 0 6px 20px rgba(110, 255, 0, 0.22);
  --khriz-shadow-green-btn-hover: 0 8px 28px rgba(110, 255, 0, 0.38);
  --khriz-shadow-card-hover: 0 14px 30px rgba(0, 0, 0, 0.12), 0 0 0 1px var(--khriz-green);

  /* Geometry & Radii */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 22px;
  --radius-full: 9999px;

  /* Typography */
  --font-display: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;

  /* Generous Header Heights for Large Logo */
  --header-height-desktop: 92px;
  --header-height-scrolled: 76px;
  --header-height-mobile: 74px;
  --bottom-nav-height: 64px;

  /* Transitions */
  --transition-fast: 150ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-base: 250ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-smooth: 400ms cubic-bezier(0.16, 1, 0.3, 1);
}