/* ==========================================================================
   FCL PARTICIPAÇÕES — DESIGN TOKENS
   Single source of truth for color, type, space, motion and elevation.
   Everything downstream references these custom properties — never hardcode.
   ========================================================================== */

:root {
  /* --- Core palette -------------------------------------------------------
     A warm "bone paper" base, deep ink panels and a single electric-lime
     accent used surgically. No gradients, no clichés — contrast does the work. */
  --c-ink:        #0B0B0C;   /* near-black: dark panels, primary type        */
  --c-ink-soft:   #141417;   /* slightly lifted ink for layered dark UI      */
  --c-graphite:   #26262B;   /* borders / dividers on dark                   */
  --c-paper:      #FAF9F5;   /* lightest off-white surface (cards)           */
  --c-sand:       #E7E3D8;   /* tonal block / subtle fills                   */
  --c-white:      #FFFFFF;

  --c-accent:      #D7F84C;  /* electric lime — the signature                */
  --c-accent-deep: #C2E531;  /* pressed / hover                              */
  --c-accent-dim:  #4C7A1A;  /* deep leaf-green — accent legible on white    */

  /* Text roles */
  --c-text:        #14140F;  /* body on light                               */
  --c-text-muted:  #6A6A62;  /* secondary on light                          */
  --c-text-faint:  #9B9B92;  /* tertiary / captions                         */
  --c-on-dark:     #F4F3EE;  /* body on ink                                 */
  --c-on-dark-mut: #9A9A95;  /* secondary on ink                            */

  /* Lines */
  --line:        rgba(11, 11, 12, 0.12);
  --line-strong: rgba(11, 11, 12, 0.22);
  --line-dark:   rgba(244, 243, 238, 0.14);

  /* --- Typography ---------------------------------------------------------- */
  --font-display: "Schibsted Grotesk", "Inter", system-ui, sans-serif;
  --font-body:    "Inter", system-ui, -apple-system, Segoe UI, sans-serif;
  --font-mono:    "Space Mono", ui-monospace, "SFMono-Regular", monospace;

  /* Fluid type scale (min .. preferred .. max) */
  --fs-mega:   clamp(3rem, 1.6rem + 7vw, 8rem);
  --fs-h1:     clamp(2.6rem, 1.6rem + 4.6vw, 5.4rem);
  --fs-h2:     clamp(2rem, 1.4rem + 3vw, 3.9rem);
  --fs-h3:     clamp(1.4rem, 1.1rem + 1.4vw, 2.1rem);
  --fs-h4:     clamp(1.15rem, 1rem + 0.6vw, 1.45rem);
  --fs-lead:   clamp(1.05rem, 0.98rem + 0.5vw, 1.3rem);
  --fs-body:   1.0625rem;        /* 17px */
  --fs-sm:     0.9375rem;        /* 15px */
  --fs-label:  0.75rem;          /* mono eyebrows / labels */

  --lh-tight:  1.02;
  --lh-snug:   1.12;
  --lh-body:   1.62;

  --tracking-label: 0.18em;
  --tracking-tight: -0.02em;
  --tracking-mega:  -0.035em;

  /* --- Spacing scale (8pt-ish, fluid section rhythm) ----------------------- */
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.5rem;
  --space-6:  2rem;
  --space-7:  3rem;
  --space-8:  4rem;
  --space-9:  6rem;
  --section-y: clamp(5rem, 3rem + 8vw, 10rem);  /* vertical section padding */

  /* Layout */
  --maxw:      1320px;   /* content container          */
  --maxw-wide: 1560px;   /* full-bleed inner bound      */
  --gutter:    clamp(1.25rem, 0.6rem + 3vw, 4rem);

  /* --- Radius -------------------------------------------------------------- */
  --r-sm:   10px;
  --r-md:   18px;
  --r-lg:   28px;
  --r-xl:   38px;
  --r-pill: 999px;

  /* --- Elevation (soft, layered — depth without heaviness) ----------------- */
  --shadow-sm: 0 1px 2px rgba(11,11,12,0.04), 0 4px 12px rgba(11,11,12,0.04);
  --shadow-md: 0 8px 24px rgba(11,11,12,0.07), 0 2px 6px rgba(11,11,12,0.05);
  --shadow-lg: 0 30px 70px -24px rgba(11,11,12,0.30), 0 8px 24px rgba(11,11,12,0.08);
  --shadow-accent: 0 16px 40px -16px rgba(170, 200, 40, 0.55);

  /* --- Motion -------------------------------------------------------------- */
  --ease-out:    cubic-bezier(0.22, 1, 0.36, 1);
  --ease-inout:  cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast:   0.25s;
  --dur:        0.55s;
  --dur-slow:   0.9s;

  /* Z-index ladder */
  --z-nav:   100;
  --z-overlay: 200;
}