/* ============================================================
   EFFECTS — Fragata Private
   The "lâmina" (glass slat) system, shadows, compass motif, motion.
   Captured from the Figma: a two-tier frosted-glass language.
   ============================================================ */
:root {
  /* ============================================================
     GLASS — the "lâminas". Two tiers, exactly as designed:
     · PANEL   container — rgba(253,253,253,0.25) + blur(75px)
     · SLAT    inner card — rgba(253,253,253,0.11) + soft shadow
     Glass only reads over imagery or navy — never over flat white.
     ============================================================ */
  --glass-panel: rgba(253, 253, 253, 0.14);   /* @kind other */
  --glass-slat: rgba(253, 253, 253, 0.06);     /* @kind other */
  --glass-slat-strong: rgba(253, 253, 253, 0.10); /* @kind other */
  --glass-blur: blur(75px);                    /* @kind other */
  --glass-blur-light: blur(24px);              /* @kind other */
  --glass-border: rgba(253, 253, 253, 0.22);   /* @kind other */
  --glass-border-gold: rgba(200, 162, 74, 0.45); /* @kind other */

  /* Legacy aliases (component layer) */
  --glass-bg: var(--glass-panel);              /* @kind other */
  --glass-bg-soft: var(--glass-slat);          /* @kind other */

  /* ============================================================
     ELEVATION — soft, low-contrast black (from the Figma)
     ============================================================ */
  --shadow-slat: 0 1px 4px 0 rgba(0, 0, 0, 0.25);   /* the lâmina drop shadow */
  --shadow-card: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
  --shadow-top: 0 4px 4px 0 rgba(0, 0, 0, 0.25);    /* BarraTop lowering */
  --shadow-up: 0 -4px 4px 0 rgba(0, 0, 0, 0.25);    /* BarraFooter lifting */
  --shadow-pop: 0 12px 32px -8px rgba(0, 0, 0, 0.45);
  --shadow-gold: 0 6px 22px -8px rgba(200, 162, 74, 0.5);
  --shadow-emblem: 0 10px 30px -8px rgba(0, 0, 0, 0.6);

  /* ============================================================
     PROTECTION GRADIENTS (text over imagery) — navy-tinted
     ============================================================ */
  --scrim-bottom: linear-gradient(180deg, rgba(8, 16, 28, 0) 0%, rgba(8, 16, 28, 0.78) 100%);   /* @kind other */
  --scrim-top: linear-gradient(180deg, rgba(8, 16, 28, 0.55) 0%, rgba(8, 16, 28, 0) 100%);       /* @kind other */
  --scrim-hero: linear-gradient(180deg, rgba(8,16,28,0.30) 0%, rgba(8,16,28,0.10) 38%, rgba(8,16,28,0.82) 100%); /* @kind other */

  /* ============================================================
     BRAND MOTIFS
     ============================================================ */
  /* The compass field — a tasteful navy backdrop for the emblem */
  --field-navy: radial-gradient(120% 120% at 30% 20%, #1c2c44 0%, #0e1b2c 55%, #08111d 100%); /* @kind other */
  /* Hexagon retained for chips/feature icons */
  --clip-hex: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);   /* @kind other */

  /* ============================================================
     MOTION
     ============================================================ */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);   /* @kind other */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);       /* @kind other */
  --dur-fast: 140ms;   /* @kind other */
  --dur-base: 240ms;   /* @kind other */
  --dur-slow: 420ms;   /* @kind other */

  /* Interaction deltas (documented contract) */
  --press-scale: 0.97;  /* @kind other */
  --hover-lift: -2px;   /* @kind other */
}