/*
  Onward design tokens.

  Section 1 is copied verbatim from Confluence, "Logo and Visual Identity"
  (page 50003970). Change it there first, then here.

  Section 2 holds values the homepage mockup ("Onward – Homepage" canvas) uses
  that are NOT in that page. They are awaiting Chad and Joe's sign-off. Every
  use of one in a stylesheet goes through a --proposed-* name, so reverting a
  value, or promoting it to section 1, is a one-line change here.
*/

:root {
  /* ===== 1. Brand tokens (from Confluence) ===== */
  --onward-stone: #7C888E;
  --onward-orange: #EA6A1E;
  --onward-ink: #23231F;
  --onward-paper: #F7F4EE;

  --surface-page: #FFFDF8;
  --surface-sunken: #F7F4EE;
  --surface-raised: #FFFDF8;
  --surface-inverse: #23231F;

  --line: #E8E3D8;
  --line-strong: #D8D3C8;
  --line-inverse: #3A3A34;

  --text-primary: #23231F;
  --text-secondary: #3E4448;
  --text-muted: #8A9299;
  --text-on-dark: #F3F1EA;
  --text-on-dark-muted: #B7BBB6;
  --text-accent: #EA6A1E;

  --action-primary: #EA6A1E;
  --action-primary-hover: #C9550F;
  --action-primary-text: #FFFDF8;
  --action-secondary: #23231F;
  --action-secondary-hover: #EA6A1E;
  --focus-ring: #EA6A1E;

  --status-positive: #2F6B4F;
  --status-attention: #B4791C;
  --status-critical: #9C3121;
  --status-neutral: #7C888E;

  --font-display: "Zilla Slab", Georgia, serif;
  --font-ui: "Archivo", system-ui, sans-serif;

  --text-display: 52px;
  --text-h1: 40px;
  --text-h2: 30px;
  --text-h3: 22px;
  --text-body-lg: 18px;
  --text-body: 16px;
  --text-sm: 14px;
  --text-label: 13px;

  --leading-tight: 1.1;
  --leading-snug: 1.3;
  --leading-body: 1.6;

  --tracking-display: -0.02em;
  --tracking-heading: -0.015em;
  --tracking-label: 0.14em;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;

  --radius-none: 0px;
  --radius-tile: 14px;
  --radius-pill: 999px;

  --border-width: 1px;
  --control-height: 48px;
  --control-height-sm: 36px;
  --tap-target-min: 44px;

  --shadow-overlay: 0 12px 32px rgba(35, 35, 31, 0.14);
  --shadow-sticky: 0 1px 0 rgba(35, 35, 31, 0.08);

  --ease: cubic-bezier(0.2, 0, 0, 1);
  --duration-fast: 120ms;
  --duration-base: 200ms;

  /* ===== 2. Used by the homepage mockup, NOT yet approved ===== */

  /* Colour. From the handoff's token file. */
  --proposed-surface-sand: #EFE9DE;        /* buyer panel, closing band */
  --proposed-text-muted-warm: #5F5B52;     /* supporting copy on light grounds; --text-muted is 3.0:1 on paper, below AA for body copy */
  --proposed-text-accent-strong: #B04A0C;  /* orange text/links on light grounds; #EA6A1E and #C9550F are below 4.5:1 at body size */
  --proposed-text-accent-on-dark: #F08A4B; /* orange links on the ink band */

  /* Corners. Confluence says square by default and "do not add radii";
     set all three to var(--radius-none) to go back to square. */
  --proposed-radius-control: 6px;          /* buttons, step tiles */
  --proposed-radius-field: 4px;            /* inputs, select */
  --proposed-radius-card: 8px;             /* estimator card */

  /* Type sizes above the approved scale (which tops out at --text-display, 52px). */
  --proposed-text-hero: 76px;              /* homepage H1 */
  --proposed-text-closing: 54px;           /* closing band heading */
  --proposed-text-section: 44px;           /* seller/buyer panels, How Onward works, estimator (mockup: 42-46px) */
  --proposed-text-button: 19px;            /* large CTA labels: 600 weight at >= 18.67px counts as large text,
                                              the only way white on --action-primary (3.2:1) passes AA */
}