/* RTK Revenue — design tokens (extraídos do design system da marca). */

/* ---- colors ---- */
:root{
  /* Base palette — the four brand colors */
  --rtk-navy:#0B1326;        /* Azul Noturno / Midnight */
  --rtk-cream:#EFECE6;       /* Creme Suave / Warm off-white */
  --rtk-white:#FFFFFF;       /* Branco Puro / Card white */
  --rtk-gold:#B38E19;        /* Dourado Mostarda / Ocher gold */

  /* Navy ramp — mixed from navy toward white, for hairlines and hovers on dark */
  --rtk-navy-900:#070C18;
  --rtk-navy-800:#0B1326;
  --rtk-navy-700:#131D34;
  --rtk-navy-600:#1E2A45;
  --rtk-navy-500:#2E3C5A;
  --rtk-navy-400:#5A6580;
  --rtk-navy-300:#8D95A8;

  /* Cream ramp — page grounds and dividers on light */
  --rtk-cream-050:#F8F6F2;
  --rtk-cream-100:#EFECE6;
  --rtk-cream-200:#E4E0D7;
  --rtk-cream-300:#D3CEC2;

  /* Gold ramp */
  --rtk-gold-700:#8C6E12;
  --rtk-gold-600:#B38E19;
  --rtk-gold-500:#C6A231;
  --rtk-gold-400:#D4B655;
  --rtk-gold-100:#F1E7C8;

  /* Semantic — surfaces */
  --surface-page:var(--rtk-cream-100);
  --surface-page-alt:var(--rtk-cream-050);
  --surface-card:var(--rtk-white);
  --surface-inverse:var(--rtk-navy-800);
  --surface-inverse-card:var(--rtk-navy-700);
  --surface-accent:var(--rtk-gold-600);

  /* Semantic — text */
  --text-heading:var(--rtk-navy-800);
  --text-body:var(--rtk-navy-700);
  --text-muted:var(--rtk-navy-400);
  --text-accent:var(--rtk-gold-600);
  --text-on-inverse:var(--rtk-white);
  --text-on-inverse-muted:#B9C0CE;
  --text-accent-on-inverse:var(--rtk-gold-400);
  --text-on-accent:var(--rtk-navy-900);

  /* Semantic — lines */
  --border-hairline:var(--rtk-cream-300);
  --border-hairline-inverse:rgba(255,255,255,.16);
  --border-strong:var(--rtk-navy-800);
  --rule-accent:var(--rtk-gold-600);

  /* Links */
  --link:var(--rtk-gold-700);
  --link-hover:var(--rtk-navy-800);
}

/* ---- typography ---- */
:root{
  /* Families */
  --font-core:"Poppins","Segoe UI",system-ui,sans-serif;      /* everything: headings + body */
  --font-wordmark:"Archivo","Helvetica Neue",Arial,sans-serif; /* logo lockup only */

  /* Weights actually used by the brand */
  --weight-light:300;
  --weight-regular:400;
  --weight-medium:500;
  --weight-semibold:600;
  --weight-bold:700;

  /* Deck scale — authored against a 1280x720 slide */
  --type-slide-display:56px;   /* cover title */
  --type-slide-title:44px;     /* section + content titles */
  --type-slide-lead:28px;      /* italic gold support line */
  --type-slide-card-title:30px;
  --type-slide-body:22px;
  --type-slide-eyebrow:18px;
  --type-slide-caption:15px;

  /* Screen / document scale */
  --type-display:clamp(38px,4.4vw,60px);
  --type-h1:clamp(30px,3vw,42px);
  --type-h2:26px;
  --type-h3:20px;
  --type-body-lg:19px;
  --type-body:17px;
  --type-body-sm:15px;
  --type-eyebrow:13px;

  /* Line heights */
  --leading-tight:1.08;
  --leading-title:1.18;
  --leading-body:1.55;
  --leading-loose:1.7;

  /* Tracking */
  --tracking-display:-0.015em;
  --tracking-title:-0.01em;
  --tracking-body:0;
  --tracking-eyebrow:0.1em;
  --tracking-wordmark:-0.02em;
}

/* ---- spacing ---- */
:root{
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:24px;
  --space-6:32px;
  --space-7:40px;
  --space-8:48px;
  --space-9:64px;
  --space-10:80px;
  --space-11:96px;
  --space-12:128px;

  /* Slide geometry — measured from the source deck */
  --slide-w:1280px;
  --slide-h:720px;
  --slide-pad-x:86px;
  --slide-pad-y:72px;

  /* Card geometry */
  --card-pad:40px;
  --card-pad-compact:28px;
  --card-gap:24px;
  --measure:62ch;

  /* Radii */
  --radius-xs:4px;
  --radius-sm:8px;
  --radius-md:14px;   /* the deck's card radius */
  --radius-lg:20px;
  --radius-pill:999px;

  /* Lines */
  --hairline:1px;
  --rule-w:88px;      /* gold divider under cover titles */
  --rule-h:3px;
  --frame-w:5px;      /* logo box stroke ratio reference */
}

/* ---- elevation ---- */
:root{
  /* One elevation family: soft, low-contrast, navy-tinted. Never gray-tinted. */
  --shadow-card:0 1px 2px rgba(11,19,38,.06),0 10px 26px -10px rgba(11,19,38,.20);
  --shadow-card-hover:0 2px 4px rgba(11,19,38,.08),0 18px 38px -12px rgba(11,19,38,.26);
  --shadow-raised:0 24px 60px -20px rgba(11,19,38,.35);
  --shadow-inset-hairline:inset 0 0 0 1px var(--border-hairline);

  --focus-ring:0 0 0 3px rgba(179,142,25,.42);

  --ease-standard:cubic-bezier(.2,.6,.2,1); /* @kind other */
  --ease-out:cubic-bezier(.16,1,.3,1); /* @kind other */
  --dur-fast:120ms; /* @kind other */
  --dur-base:200ms; /* @kind other */
  --dur-slow:420ms; /* @kind other */
}

/* ---- backgrounds ---- */
:root{
  /* Grounds carry a single very soft off-center light. No color gradients, ever. */
  --bg-navy:radial-gradient(120% 90% at 18% 12%,#16203C 0%,#0B1326 60%);
  --bg-cream:radial-gradient(110% 80% at 30% 20%,#FFFFFF 0%,#EFECE6 62%);
  --bg-cream-flat:var(--rtk-cream-100);
  --bg-navy-flat:var(--rtk-navy-800);
}