/* ============================================
   Gold Mitra — Design Tokens
   ============================================ */

:root {
  /* Brand palette */
  --gold-50:  #FBF7EC;
  --gold-100: #F5EBD3;
  --gold-200: #ECD9A8;
  --gold-300: #E0C477;
  --gold-400: #D4AF37;
  --gold-500: #C89B2C;
  --gold-600: #A87F1F;
  --gold-700: #8A6719;
  --gold-800: #6B5114;
  --gold-900: #4E3C10;

  /* Ink (neutral dark) */
  --ink-950: #0A0F1C;
  --ink-900: #0F1626;
  --ink-800: #1A2338;
  --ink-700: #2A3550;
  --ink-600: #3D4A67;
  --ink-500: #55617C;
  --ink-400: #77829B;
  --ink-300: #9DA7BB;
  --ink-200: #C4CBD8;
  --ink-100: #E3E6ED;
  --ink-50:  #F1F3F7;

  /* Surface / neutrals */
  --paper:    #F6F4EF;
  --paper-2:  #FBF9F4;
  --surface:  #FFFFFF;
  --border:   #EBE7DE;

  /* Semantic */
  --success:        #1FA971;
  --success-bg:     #E7F6EE;
  --warning:        #E8960C;
  --warning-bg:     #FBF1DC;
  --danger:         #D64545;
  --danger-bg:      #FBE9E7;
  --info:           #2E7DCC;
  --info-bg:        #E8F1FB;

  /* Typography */
  --font-display: "Space Grotesk", "Segoe UI", system-ui, sans-serif;
  --font-body: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
  --text-strong: var(--ink-900);
  --text-body: var(--ink-600);
  --text-muted: var(--ink-400);

  --fs-xs:  0.72rem;
  --fs-sm:  0.82rem;
  --fs-base:0.92rem;
  --fs-md:  1.05rem;
  --fs-lg:  1.35rem;
  --fs-xl:  1.7rem;
  --fs-2xl: 2.1rem;

  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  /* Radii */
  --radius-sm:  8px;
  --radius-md:  14px;
  --radius-lg:  20px;
  --radius-xl:  28px;
  --radius-full: 999px;

  /* Shadows */
  --shadow-xs: 0 1px 2px rgba(15, 22, 38, 0.06);
  --shadow-sm: 0 1px 3px rgba(15, 22, 38, 0.08), 0 1px 2px rgba(15, 22, 38, 0.04);
  --shadow-md: 0 6px 18px -6px rgba(15, 22, 38, 0.14), 0 2px 6px rgba(15, 22, 38, 0.06);
  --shadow-lg: 0 18px 44px -14px rgba(15, 22, 38, 0.24), 0 4px 12px rgba(15, 22, 38, 0.08);
  --shadow-gold: 0 10px 30px -10px rgba(200, 155, 44, 0.5);

  /* Motion */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --speed-fast: 140ms;
  --speed: 220ms;
  --speed-slow: 420ms;

  /* Layout */
  --sidebar-w: 264px;
  --topbar-h: 64px;
  --max-w: 1280px;
  --gutter: clamp(16px, 3.5vw, 28px);
}