/* ==========================================================================
   FAE Design Tokens
   --------------------------------------------------------------------------
   Extracted from Base44 source: tailwind.config.js, src/index.css, index.html.
   These are REAL confirmed values — not placeholders.

   Source notes:
   - Site runs dark-mode-only visually; body background is hardcoded to
     #050505 in index.css (overriding the shadcn .dark class default of
     hsl(0 0% 3.9%)). #050505 is treated as the true background value.
   - Lime accent (#c6f135 / hover #d2ff38) is a custom hex, not a Tailwind
     default or CSS-var-driven color — hardcoded directly in component
     classes in the source, so hardcoded here too.
   - Font is Inter, loaded via Google Fonts (weights 400/500/600/700/800/900),
     overriding the CSS var fallback chain in index.css.
   ========================================================================== */

:root {
  /* ---- Color: base ---- */
  --fae-color-bg: #050505;
  --fae-color-white: #ffffff;
  --fae-color-black: #000000;

  /* ---- Color: accent (lime) ---- */
  --fae-color-lime: #c6f135;
  --fae-color-lime-hover: #d2ff38;
  --fae-color-lime-glow: rgba(198, 241, 53, 0.18); /* lime-button hover shadow */
  --fae-color-lime-glow-soft: rgba(198, 241, 53, 0.09); /* cta-glow radial */

  /* ---- Color: gray / text scale (from source component classes) ---- */
  --fae-color-gray-nav: #9a9a9f;      /* .nav-link default text */
  --fae-color-gray-ghost: #d1d1d3;    /* .ghost-link default text */
  --fae-color-gray-gradient-end: #9b9b9f; /* .hero-title / .founder-quote gradient end */
  --fae-color-card-bg: #121213;       /* .lift-card hover background */
  --fae-color-card-border-hover: rgba(255, 255, 255, 0.2); /* .lift-card hover border */

  /* ---- Color: gradients/backgrounds (component-specific, kept here for reference) ---- */
  --fae-gradient-hero-title: linear-gradient(180deg, #fff 12%, #9b9b9f 100%);
  --fae-gradient-founder-quote: linear-gradient(180deg, #fff 8%, #9b9b9f 100%);
  --fae-gradient-location-hero: linear-gradient(180deg, #0a0a0b 0%, #3a3a3d 100%);
  --fae-color-cta-glow-base: #0a0a0b; /* .cta-glow solid base under radial */

  /* ---- Shadow ---- */
  --fae-shadow-nav: 0 20px 50px rgba(0, 0, 0, 0.35);
  --fae-shadow-location-hero: 0 40px 80px -20px rgba(0, 0, 0, 0.7);
  --fae-shadow-lime-button-hover: 0 10px 35px var(--fae-color-lime-glow);

  /* ---- Type ---- */
  --fae-font-body: "Inter", ui-sans-serif, system-ui, sans-serif;
  /* Google Fonts weights loaded: 400, 500, 600, 700, 800, 900 */

  /* ---- Radius ---- */
  --fae-radius-base: 0.5rem;   /* shadcn --radius default, used for non-pill elements if any appear */
  --fae-radius-pill: 9999px;   /* rounded-full — nav, buttons, cards where used */

  /* ---- Layout / container (from .section-shell) ---- */
  --fae-container-max: 1240px;
  --fae-section-padding-x: 1.25rem;      /* px-5 */
  --fae-section-padding-x-sm: 2rem;      /* sm:px-8 */
  --fae-section-padding-y: 6rem;         /* py-24 */
  --fae-section-padding-y-sm: 8rem;      /* sm:py-32 */

  /* ---- Motion ---- */
  --fae-transition-lift: transform 0.35s ease, border-color 0.35s ease, background-color 0.35s ease;
  --fae-transition-reveal: opacity 0.75s cubic-bezier(0.2, 0.8, 0.2, 1), transform 0.75s cubic-bezier(0.2, 0.8, 0.2, 1);
}