/* Design tokens — skin imported from the Claude Design "Workspace Launcher" project.
   Green palette + Poppins. Site is light-only, so :root is the palette directly. */

:root {
  /* base / canvas */
  --bg-0: #f6f9f7;   /* main canvas */
  --bg-1: #eef3f0;   /* slightly deeper */
  --bg-2: #e4ebe6;   /* body / rail ground */

  /* surfaces */
  --surface: #ffffff;
  --surface-2: #f1f6f2;
  --surface-3: #e9f0eb;

  /* hairlines */
  --line: #e4ebe6;
  --line-strong: #d3ded7;

  /* ink */
  --ink: #12241c;
  --ink-2: #46584f;
  --muted: #7c8b83;

  /* accent (green) + gold (secondary/value) */
  --aqua: #10794f;
  --aqua-2: #16a06a;
  --aqua-ink: #ffffff;
  --aqua-glow: rgba(16, 121, 79, 0.16);
  --accent-soft: #e6f4ec;
  --mint: #c7ead6;

  --gold: #c99a3f;
  --gold-ink: #ffffff;
  --gold-glow: rgba(201, 154, 63, 0.22);

  --violet: #7ec8a0;
  --red: #d3564e;

  /* dark-green sidebar (app shell) */
  --sidebar: #0e241b;
  --sidebar-2: #183a2c;
  --sidebar-ink: #cbdcd3;
  --sidebar-muted: #8fa397;
  --sidebar-line: rgba(255, 255, 255, 0.09);

  /* inputs */
  --input-bg: #ffffff;
  --input-ink: #12241c;
  --input-placeholder: #7c8b83;
  --input-scroll: rgba(20, 40, 30, 0.18);

  /* shape */
  --r-sm: 12px;
  --r: 16px;
  --r-lg: 22px;
  --r-pill: 999px;

  /* elevation */
  --shadow: 0 30px 80px -30px rgba(14, 36, 27, 0.24);
  --shadow-soft: 0 14px 30px -14px rgba(14, 36, 27, 0.16);

  /* type — Poppins for display + body, JetBrains Mono for numeric/keycaps */
  --font-display: "Poppins", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Poppins", ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;

  --step-eyebrow: 0.78rem;
  --step-body: 1.02rem;
  --step-h3: 1.3rem;
  --step-h2: clamp(1.7rem, 3.2vw, 2.4rem);
  --step-h1: clamp(2.6rem, 6vw, 4.6rem);

  /* layout */
  --container: 1760px;
  --gutter: clamp(24px, 5vw, 76px);
  --space: 8px;
}