/* Arcadia Homes — Color tokens
 * Brand is Black & White, warmed with beige/stone/brown neutrals.
 * Mood: light-dominant, complementary monochromatic.
 * Explicitly excluded by the client: red, orange, blue.
 */
:root {
  /* ---- Base palette ---- */
  --arc-black: #121110;        /* near-pure ink black (logo, primary text) */
  --arc-ink: #1C1A17;          /* soft black for large text blocks */
  --arc-white: #FFFFFF;

  /* Warm off-whites (page + surfaces) */
  --arc-paper: #FAF8F4;        /* primary warm off-white background */
  --arc-linen: #F3EFE8;        /* secondary tint surface */
  --arc-sand: #EAE3D8;         /* raised warm surface / dividers on white */

  /* Warm neutrals (beige → taupe → brown) */
  --arc-stone-100: #E5DDD0;
  --arc-stone-200: #D6CBB9;
  --arc-taupe-300: #BCAF99;
  --arc-taupe-400: #9E8F76;
  --arc-clay-500: #7C6E58;
  --arc-earth-600: #5C513F;
  --arc-umber-700: #423A2D;    /* deep warm brown */

  /* Cool grays (UI structure / muted text on light) */
  --arc-gray-50:  #F4F3F1;
  --arc-gray-100: #E7E4DF;
  --arc-gray-200: #D3CEC6;
  --arc-gray-400: #9C968C;
  --arc-gray-600: #6A6459;
  --arc-gray-800: #33302A;

  /* ---- Semantic aliases ---- */
  --surface-page: var(--arc-paper);
  --surface-alt: var(--arc-linen);
  --surface-card: var(--arc-white);
  --surface-inverse: var(--arc-black);
  --surface-accent: var(--arc-stone-100);

  --text-primary: var(--arc-ink);
  --text-secondary: var(--arc-gray-600);
  --text-muted: var(--arc-gray-400);
  --text-inverse: var(--arc-paper);
  --text-accent: var(--arc-clay-500);

  --border-hair: var(--arc-gray-100);   /* 1px hairline on light */
  --border-soft: var(--arc-sand);
  --border-strong: var(--arc-gray-800);
  --border-inverse: rgba(255,255,255,0.16);

  --brand-primary: var(--arc-black);     /* buttons, key marks */
  --brand-on-primary: var(--arc-white);
  --brand-accent: var(--arc-clay-500);   /* warm accent, links, focus */

  --focus-ring: var(--arc-umber-700);
}