/* Hero-specific CSS variables extracted from 01-foundations/variables.css */
/* Only variables - no actual styling to avoid conflicts */

@layer theme {
  :root {
    /* Navigation */
    --nav-height: 5rem;  /* 80px - matches h-20 in nav.lisp */

    /* Spacing */
    --space-snug: 0.5rem;  /* var(--spacing-2) */
    --space-loose: 1.5rem;  /* var(--spacing-5) */
    --space-massive: 6rem;  /* var(--spacing-9) */

    /* Container widths */
    --container-max-width-3xl: 1280px;  /* var(--screen-hyper-wide) */

    /* Z-index layers */
    --layer-docked: 30;  /* var(--z-3) */

    /* Visibility/Opacity */
    --visibility-strong: 0.6;  /* var(--opacity-11) */

    /* Colors for gradients and symbols */
    --color-deep-arctic-blue: #1e3a5f;
    --color-aurora-green: #00d9a3;
    --color-white: #fff;
  }
}