/* ============================================================
   FINNS — Design Tokens
   PT. Futura Innova Solusindo
   Theme: Premium black & gold, high-tech, minimal
   ============================================================ */

:root {
  /* --- Brand: Gold scale --- */
  --gold:        #C9A24A;   /* primary accent */
  --gold-bright: #E4CB82;   /* highlight / hover */
  --gold-deep:   #9A7A2C;   /* pressed / borders */
  --gold-soft:   rgba(201, 162, 74, 0.12);
  --gold-line:   rgba(201, 162, 74, 0.34);

  /* --- Dark surfaces (default theme of the site shell) --- */
  --bg:        #0B0C0F;     /* page background, near-black */
  --bg-elev:   #131519;     /* cards, header */
  --bg-elev-2: #1B1E25;     /* nested cards, mega menu */
  --bg-elev-3: #232730;

  /* --- Light surfaces (content pages can opt-in) --- */
  --paper:     #F5F4F0;     /* warm off-white */
  --paper-2:   #FFFFFF;
  --ink:       #14161B;     /* near-black text on paper */

  /* --- Text --- */
  --text:       #ECEDEB;
  --text-muted: #9DA1A9;
  --text-dim:   #6B6F78;
  --text-onpaper:       #1A1C21;
  --text-onpaper-muted: #5C616B;

  /* --- Lines & dividers --- */
  --line:        rgba(255, 255, 255, 0.09);
  --line-2:      rgba(255, 255, 255, 0.14);
  --line-paper:  rgba(20, 22, 27, 0.10);

  /* --- Typography --- */
  --font-display: "Sora", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-body:    "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* fluid type scale */
  --fs-eyebrow: 0.78rem;
  --fs-body:    1.0625rem;
  --fs-lead:    1.25rem;
  --fs-h3:      clamp(1.25rem, 1.6vw + 0.6rem, 1.6rem);
  --fs-h2:      clamp(1.9rem, 3vw + 0.5rem, 3rem);
  --fs-h1:      clamp(2.4rem, 5vw + 0.5rem, 4.6rem);

  /* --- Layout --- */
  --maxw: 1240px;
  --gutter: clamp(20px, 5vw, 64px);
  --radius:    14px;
  --radius-sm: 9px;
  --radius-lg: 22px;

  /* --- Effects --- */
  --shadow:     0 18px 50px -20px rgba(0, 0, 0, 0.65);
  --shadow-gold: 0 16px 40px -18px rgba(201, 162, 74, 0.45);
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);

  --header-h: 76px;
}