/* ============================================================
   Lucidor landing — design tokens
   Copied from SapiLanding/brand/tokens.css (shared source of truth)
   + Lucidor accent override + semantic data colors (must match
   vibefin-frontend/app/globals.css so appka a landing sdílí sémantiku).
   DO NOT hardcode colors in landing.css — only reference these vars.
   ============================================================ */

:root {
  /* Colors — shared Sapiform base */
  --c-navy:    #0B1D3A;   /* Primary — Deep Sapphire */
  --c-gold:    #C4820A;   /* Accent — Amber Gold (other products) */
  --c-cream:   #EDE5CC;   /* Background — Warm Parchment */
  --c-black:   #141720;   /* Text — Near Black */
  --c-tint:    #DFD5B4;   /* Neutral tint */
  --c-border:  #C8BFA0;   /* Border */
  --c-muted:   #5C5643;   /* Muted text */
  --c-white:   #FFFFFF;   /* Card surface on cream — never a section background */

  /* Product accent — single brand variable (sapiform-landing-system.md §0) */
  --accent:        #1A6E8A; /* Steel teal — Lucidor */
  --accent-bright: #2B8AA8; /* Bright teal — hover / highlight */
  --accent-deep:   #0E4858; /* Deep teal — headers on navy */

  /* Semantic data colors — MUST match vibefin-frontend/app/globals.css and
     shared/design-system/tokens/design-tokens.json (state.ok/err/ai) */
  --data-positive: #1F7A4B; /* emerald — state.ok */
  --data-negative: #B4452C; /* terakota/rust — state.err */
  --data-neutral:  #5A6B82; /* slate */
  --data-ai:       #7C3AED; /* violet — state.ai, shared across products */

  /* Motion tokens — sapiform-landing-system.md §2-3 */
  --ease-out-expo:  cubic-bezier(0.16, 1, 0.3, 1);
  --duration-reveal:   650ms;
  --duration-reveal-reduced: 150ms;
  --duration-draw:     900ms;
  --duration-phase:    400ms;
  --duration-micro:    200ms;
  --stagger-step:      90ms;

  /* Typography */
  --font-display: "Cormorant Garamond", "Cormorant", Georgia, serif;
  --font-body:    "Plus Jakarta Sans", "DM Sans", -apple-system, sans-serif;
  --font-code:    "JetBrains Mono", "Courier New", monospace;
  --font-hand:    "Caveat", cursive;

  /* Spacing scale */
  --sp-xs:  0.25rem;
  --sp-sm:  0.5rem;
  --sp-md:  1rem;
  --sp-lg:  1.5rem;
  --sp-xl:  2.5rem;
  --sp-2xl: 4rem;

  /* Border radius */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 12px;

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(11,29,58,0.08);
  --shadow-md: 0 4px 16px rgba(11,29,58,0.12);

  /* Max content width */
  --content-width: 720px;
  --wide-width:    1040px;
}