/* Plan My Startup — tokens derived from the Luxury Suite design system */
@import url("https://fonts.googleapis.com/css2?family=Gloock&family=Figtree:ital,wght@0,300;0,400;0,500;0,600;1,400&family=JetBrains+Mono:wght@400;500&display=swap");

:root{
  /* colour */
  --jet-900:#1A1210; --jet-800:#2C1F1C; --jet-700:#3C2D29;
  --davy:#5A4F4A; --battleship:#8A7F78;
  --tan-500:#BAA788; --tan-300:#D6C9B1; --tan-100:#E9E0CE;
  --copper-600:#7D6545; --copper-500:#977C58; --copper-400:#B0956F; --copper-300:#C9B08C;
  --brown:#704E32;
  --terracotta:#B57A5B; --blush:#D9B8A4;
  --alabaster-50:#F8F6F0; --alabaster-100:#F3F0E8; --alabaster-200:#EBE9DF; --alabaster-300:#E2DFD3;
  --olive:#6E7A5A; --amber:#B08A4A; --rust:#9B5B46; --slate:#6B7480;

  --bg:var(--alabaster-100); --surface:var(--alabaster-50); --surface-2:var(--alabaster-200);
  --text:var(--jet-800); --text-2:var(--davy); --text-subtle:var(--battleship);
  --hairline:rgba(44,31,28,.12); --hairline-strong:rgba(44,31,28,.2);
  --accent:var(--copper-500);

  /* type */
  --font-display:"Gloock",Georgia,"Times New Roman",serif;
  --font-body:"Figtree","Helvetica Neue",Arial,sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
  --lh-display:1.06; --lh-body:1.62;
  --fs-hero:clamp(2.9rem,7.2vw,6rem);
  --fs-h1:clamp(2.4rem,5vw,4.2rem);
  --fs-h2:clamp(1.9rem,3.6vw,3rem);
  --fs-h3:clamp(1.35rem,2vw,1.75rem);
  --fs-body:1.0625rem; --fs-small:.9rem; --fs-micro:.72rem;

  /* space */
  --s-1:4px;--s-2:8px;--s-3:16px;--s-4:24px;--s-5:40px;--s-6:64px;--s-7:80px;--s-8:120px;--s-9:180px;
  --section-y:clamp(64px,10vw,136px);
  --gutter:clamp(20px,5vw,64px);
  --content-max:1240px; --prose-max:760px;

  /* radius */
  --r-control:2px; --r-card:8px; --r-panel:14px; --r-sheet:18px; --r-pill:999px;

  /* elevation (warm, long, low) */
  --shadow-whisper:0 1px 2px rgba(44,31,28,.05),0 6px 18px -10px rgba(44,31,28,.12);
  --shadow-2:0 10px 30px -14px rgba(44,31,28,.22),0 2px 6px -2px rgba(44,31,28,.08);
  --shadow-3:0 30px 60px -24px rgba(44,31,28,.32),0 10px 24px -12px rgba(44,31,28,.14);
  --shadow-glow-copper:0 18px 40px -16px rgba(151,124,88,.55);

  /* glass */
  --glass-bg:rgba(248,246,240,.52); --glass-bg-dark:rgba(26,18,16,.42);
  --glass-line:rgba(255,255,255,.55); --glass-line-dark:rgba(255,255,255,.14);
  --blur-1:10px; --blur-2:18px; --blur-3:32px;

  /* motion */
  --ease:cubic-bezier(.16,.84,.24,1);
  --t-control:200ms; --t-surface:320ms; --t-reveal:760ms; --t-media:1100ms;
  --reveal-lift:22px; --stagger:90ms;
}

.ls-dark{
  --bg:var(--jet-900); --surface:var(--jet-800); --surface-2:var(--jet-700);
  --text:var(--alabaster-100); --text-2:var(--tan-300); --text-subtle:var(--tan-500);
  --hairline:rgba(248,246,240,.12); --hairline-strong:rgba(248,246,240,.22);
  --accent:var(--copper-400);
  color:var(--text); background:var(--bg);
}