/* Story Built Homes — color tokens (from BrandGuidelines 2024, p.4–5) */
:root {
  /* Base palette */
  --sbh-navy: #1E3264;        /* Pantone P654C  · CMYK 100/90/35/25 */
  --sbh-gold: #AF8231;        /* Pantone P1245C · CMYK 35/50/100/0  */
  --sbh-gray: #D2D2D2;        /* Pantone Cool Gray 4C */
  --sbh-white: #FFFFFF;
  --sbh-black: #1A1A1A;

  /* Tints (brand guidelines p.5) */
  --sbh-navy-80: #4B5B83;
  --sbh-navy-60: #7884A2;
  --sbh-navy-40: #A5ADC1;
  --sbh-navy-20: #D2D6E0;
  --sbh-navy-10: #E9EBF0;

  --sbh-gold-80: #BF9B5B;
  --sbh-gold-60: #CFB484;
  --sbh-gold-40: #DFCDAD;
  --sbh-gold-20: #EFE6D6;
  --sbh-gold-10: #F7F3EB;

  --sbh-gray-80: #DBDBDB;
  --sbh-gray-60: #E4E4E4;
  --sbh-gray-40: #EDEDED;
  --sbh-gray-20: #F6F6F6;

  /* Website palette (from the storybuilthomes.com redesign) */
  --sbh-cream: #FBF9F4;        /* page background */
  --sbh-cream-2: #F7F3EC;      /* warm section tint / hover */
  --sbh-cream-3: #EFE9DD;      /* inner rules, stripe light */
  --sbh-cream-stripe: #E7DFD0; /* image-placeholder stripe dark */
  --sbh-border-cream: #E5DECF; /* card & section borders */
  --sbh-navy-deep: #16264C;    /* dark hero/section background */
  --sbh-navy-ink: #0D162E;     /* photo scrims (use as rgba) */
  --sbh-gold-bright: #C79A4E;  /* gold accents on dark navy */
  --sbh-text-strong: #2A2E38;  /* base body color on cream */
  --sbh-text-soft: #5C6373;    /* long-form copy */
  --sbh-text-warm: #9A8F78;    /* tiny warm labels */

  /* Semantic aliases */
  --text-heading: var(--sbh-navy);
  --text-body: var(--sbh-text-soft);
  --text-strong: var(--sbh-text-strong);
  --text-muted: var(--sbh-text-warm);
  --text-on-dark: var(--sbh-white);
  --text-accent: var(--sbh-gold);

  --surface-page: var(--sbh-cream);
  --surface-card: var(--sbh-white);
  --surface-subtle: var(--sbh-cream-2);
  --surface-tint: var(--sbh-cream-2);
  --surface-dark: var(--sbh-navy);
  --surface-deep: var(--sbh-navy-deep);

  --accent: var(--sbh-gold);
  --accent-hover: #9A7229;
  --primary: var(--sbh-navy);
  --primary-hover: #16264D;

  --border-default: var(--sbh-border-cream);
  --border-subtle: var(--sbh-cream-3);
  --border-accent: var(--sbh-gold);

  --focus-ring: var(--sbh-gold-60);

  /* Semantic status (derived, not in guidelines — kept quiet and brand-adjacent) */
  --status-success: #3E6B4F;
  --status-error: #8C3A32;
  --status-warning: #AF8231;
}