/* ==========================================================================
   Y Realty — Design Tokens
   Source: Y Realty Design System (Sept 2026 update)
   ========================================================================== */

:root {
  /* Color — two-tone base + single earth/green accent family */
  --ink-900: #0A0A0A;
  --paper: #FAF8F5;

  --moss-900: #24352C; /* deep forest — accent panels, pull quotes on paper, press state */
  --moss-700: #3E5344; /* default accent on light: hairlines, drop caps, micro-caps, link hover */
  --moss-500: #4E6553; /* hover / secondary on light */
  --sage-300: #A9BCA6; /* accent on ink grounds */
  --earth-400: #8A7B64; /* warm neutral, metadata only */

  /* Stone neutrals (metadata / secondary text) */
  --stone-100: #F1EEE8;
  --stone-300: #C9C2B4;
  --stone-400: #A79E8C;

  /* Text */
  --text-on-paper: #3D3A36;
  --text-on-ink: rgba(250, 248, 245, 0.78);
  --text-on-ink-display: #FAF8F5;

  /* Aliases */
  --text-accent: var(--moss-700);        /* on paper */
  --text-accent-on-dark: var(--sage-300); /* on ink */
  --action-fill-accent: var(--moss-900);
  --flag-new: var(--moss-700);
  --flag-pending: var(--earth-400);
  --flag-sold: var(--ink-900);
  --focus-ring: var(--moss-700);

  /* Borders */
  --border-hairline: rgba(10, 10, 10, 0.14);
  --border-hairline-on-ink: rgba(250, 248, 245, 0.16);

  /* Radius — the brand is square */
  --radius-none: 0px;
  --radius-sm: 2px;
  --radius-pill: 999px;

  /* Shadow — nearly absent */
  --shadow-card: 0 18px 48px rgba(10, 10, 10, 0.10);
  --shadow-lift: 0 28px 64px rgba(10, 10, 10, 0.14);

  /* Motion */
  --duration-base: 320ms;
  --duration-reveal: 900ms;
  --ease-standard: cubic-bezier(.22, .61, .36, 1);
  --image-zoom: 1.04;

  /* Type */
  --font-display: 'Cormorant Garamond', 'Times New Roman', serif;
  --font-sans: 'Jost', 'Helvetica Neue', Arial, sans-serif;

  /* Layout */
  --gutter-page: 48px;
  --gutter-page-narrow: 24px;
  --content-max: 1240px;
  --prose-measure: 62ch;

  /* Spacing scale */
  --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;
  --space-10: 128px;

  /* Print (kept for reference / print stylesheet) */
  --print-gutter: 0.8in;
  --print-body: 16px;
  --print-label: 12px;
  --print-column-gap: 0.46in;
}