/* Design tokens — Paras Resources
   Breakpoints referenced across components.css/pages: sm 480 / md 768 / lg 1024 / xl 1280 */

:root {
  /* Color: ink (text/dark surfaces), cream (paper/background), bronze (single accent) */
  --color-ink: #14130f;
  --color-ink-soft: #2a2820;
  --color-cream: #f6f2ea;
  --color-cream-alt: #efe9dc;
  --color-paper: #fffdf9;

  --color-bronze: #b8863b;
  --color-bronze-dark: #8c6529; /* on-cream text use — meets AA contrast */
  --color-bronze-light: #d9b273; /* on-dark accent use only, not for body text */

  --color-gray-700: #4a4740;
  --color-gray-500: #736e63;
  --color-gray-300: #cfc8b8;
  --color-gray-200: #e2ddd0;

  --color-success: #2f5d3a;
  --color-error: #8a2f2f;

  --color-border: var(--color-gray-200);
  --color-border-dark: rgba(246, 242, 234, 0.16);

  /* Spacing scale (rem) */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-10: 8rem;

  /* Radius — mostly sharp/small, avoid pill-everywhere */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-pill: 999px;

  /* Shadow — restrained, two levels only */
  --shadow-sm: 0 1px 2px rgba(20, 19, 15, 0.06);
  --shadow-md: 0 8px 24px rgba(20, 19, 15, 0.08);

  /* Type scale */
  --font-display: "Space Grotesk", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --fs-display: clamp(2.75rem, 2rem + 3.2vw, 4.75rem);
  --fs-h1: clamp(2.25rem, 1.8rem + 1.8vw, 3.25rem);
  --fs-h2: clamp(1.75rem, 1.5rem + 1vw, 2.375rem);
  --fs-h3: clamp(1.375rem, 1.25rem + 0.5vw, 1.75rem);
  --fs-h4: 1.25rem;
  --fs-body-lg: 1.125rem;
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-caption: 0.75rem;

  --lh-tight: 1.08;
  --lh-snug: 1.3;
  --lh-body: 1.6;

  --tracking-tight: -0.02em;
  --tracking-wide: 0.08em;

  /* Layout */
  --container-max: 1200px;
  --header-height: 76px;

  /* Motion */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --duration-fast: 150ms;
  --duration-base: 220ms;
}