/* BlueWood Studio — Color system
   Base palette (raw brand values) + semantic aliases. */
:root {
  /* ---- Base palette ---- */
  --bw-blue-900: #081B42;   /* darkest blue, deep shadow of primary */
  --bw-blue-800: #0A2150;
  --bw-blue: #0E2A63;       /* Primary — Deep Architectural Blue */
  --bw-blue-600: #1C3E82;   /* hover / lighter blue */
  --bw-blue-300: #6E85B7;   /* muted blue, disabled text on light */
  --bw-blue-100: #DBE2F0;   /* blue tint surface */
  --bw-blue-50:  #EEF2F9;   /* faint blue wash */

  --bw-cedar-700: #8A5620;  /* pressed cedar */
  --bw-cedar: #A86A2A;      /* Wood Tone — Natural Cedar accent */
  --bw-cedar-400: #C6924F;  /* light cedar */
  --bw-cedar-100: #F3E7D7;  /* cedar tint surface */

  --bw-white: #FFFFFF;
  --bw-offwhite: #F8F8F6;   /* secondary bg / cards */
  --bw-gray-900: #2F3136;   /* body text (Dark Gray) */
  --bw-gray-600: #5C5F66;   /* secondary text */
  --bw-gray-400: #9A9DA4;   /* tertiary / placeholder */
  --bw-gray-200: #E6E7E8;   /* borders, inputs, dividers (Light Gray) */
  --bw-gray-100: #F1F1F0;   /* subtle fill */

  /* ---- Semantic surfaces ---- */
  --surface-page: var(--bw-white);
  --surface-subtle: var(--bw-offwhite);
  --surface-card: var(--bw-white);
  --surface-blue: var(--bw-blue);
  --surface-blue-tint: var(--bw-blue-50);
  --surface-cedar-tint: var(--bw-cedar-100);

  /* ---- Semantic text ---- */
  --text-heading: var(--bw-blue);
  --text-body: var(--bw-gray-900);
  --text-muted: var(--bw-gray-600);
  --text-faint: var(--bw-gray-400);
  --text-on-blue: var(--bw-white);
  --text-accent: var(--bw-cedar);
  --text-link: var(--bw-blue);
  --text-link-hover: var(--bw-cedar);

  /* ---- Semantic lines & borders ---- */
  --border-default: var(--bw-gray-200);
  --border-strong: var(--bw-gray-400);
  --border-blue: var(--bw-blue);
  --divider: var(--bw-gray-200);

  /* ---- Interactive ---- */
  --action-primary: var(--bw-blue);
  --action-primary-hover: var(--bw-blue-600);
  --action-primary-active: var(--bw-blue-900);
  --action-accent: var(--bw-cedar);
  --action-accent-hover: var(--bw-cedar-400);
  --action-accent-active: var(--bw-cedar-700);

  /* ---- Status (kept close to brand; muted, architectural) ---- */
  --status-success: #2E7D57;
  --status-success-tint: #E6F1EC;
  --status-warning: var(--bw-cedar);
  --status-warning-tint: var(--bw-cedar-100);
  --status-error: #B4423A;
  --status-error-tint: #F6E7E5;
  --status-info: var(--bw-blue-600);
  --status-info-tint: var(--bw-blue-50);
}