/* Liryn — Liryn Cinematic Design Tokens
   Dark-native. Never hardcode colors elsewhere. */

:root {
  /* Backgrounds */
  --color-bg-primary:     #131318;
  --color-bg-secondary:   #0f0f14;
  --color-bg-tinted:      linear-gradient(160deg, #131318 0%, #16162a 60%, #121226 100%);
  --color-bg-dark:        #000000;
  --color-bg-dark-fg:     #ffffff;

  /* Text */
  --color-text-primary:   #ededf2;
  --color-text-secondary: #888899;
  --color-text-tertiary:  #7a7a94;

  /* Accent */
  --color-accent:         #6b5fed;
  --color-accent-light:   rgba(107, 95, 237, 0.12);
  --color-accent-mid:     rgba(107, 95, 237, 0.24);
  --color-accent-glow:    rgba(107, 95, 237, 0.18);
  --color-eyebrow:        #8a84f8;

  /* Borders & Surfaces */
  --color-border:         rgba(255, 255, 255, 0.07);
  --color-border-strong:  rgba(255, 255, 255, 0.13);
  --color-surface:        #1f1f28;
  --color-nav-bg:         rgba(19, 19, 24, 0.82);

  /* CTA gradient */
  --color-cta-from:       #5848e8;
  --color-cta-to:         #7b6af5;

  /* Footer */
  --color-footer-bg:      #0c0c11;
  --color-footer-text:    #7a7a94;
  --color-footer-link:    #828299;

  /* Radii */
  --radius-sm:   6px;
  --radius-md:   12px;
  --radius-lg:   16px;
  --radius-pill: 9999px;

  /* Shadows */
  --shadow-card:     0 0 0 1px rgba(255,255,255,0.07), 0 4px 24px rgba(0,0,0,0.35);
  --shadow-window:   0 0 0 1px rgba(255,255,255,0.07), 0 8px 32px rgba(0,0,0,0.55), 0 32px 80px rgba(107,95,237,0.14);
  --shadow-showcase: 0 0 0 1px rgba(255,255,255,0.07), 0 20px 60px rgba(0,0,0,0.55), 0 4px 16px rgba(107,95,237,0.12);
  --shadow-cta-btn:  0 4px 20px rgba(0,0,0,0.4);
  --shadow-feat-hover: 0 0 0 1px rgba(107,95,237,0.15), 0 8px 32px rgba(107,95,237,0.10);

  /* Container */
  --container-max: 1200px;
  --container-pad: 48px;
}