/* FIRMA color system — from the brand board palette.
   Base ramp -> semantic aliases. */
:root {
  /* Brand base palette */
  --navy-900: #0F2A44;   /* deep navy — primary brand color */
  --navy-800: #16344f;   /* derived */
  --navy-700: #3D516E;   /* slate blue */
  --navy-600: #4f658a;   /* derived, hover */
  --agave-700: #45573f;  /* derived deep agave */
  --agave-600: #566B5A;  /* agave green */
  --agave-400: #7d9079;  /* derived light agave */
  --gold-600: #b18a3f;   /* derived deep gold */
  --gold-500: #C7A15A;   /* metallic gold — accent */
  --gold-300: #ddc48c;   /* derived light gold */
  --stone-500: #B7B2A6;  /* warm stone / taupe */
  --stone-300: #d6d2c8;  /* derived */
  --ivory-100: #F6F2E8;  /* ivory — page surface */
  --ivory-50:  #fbf9f3;  /* derived lighter ivory */
  --white: #ffffff;
  --ink-900: #14202e;    /* near-black navy ink for body on light */

  /* Semantic aliases */
  --color-bg: var(--ivory-100);
  --color-bg-alt: var(--ivory-50);
  --color-surface: var(--white);
  --color-surface-dark: var(--navy-900);
  --color-surface-dark-alt: var(--navy-800);

  --text-strong: var(--navy-900);
  --text-body: var(--ink-900);
  --text-muted: #5b6673;
  --text-on-dark: var(--ivory-100);
  --text-on-dark-muted: #a9b6c4;

  --accent: var(--gold-500);
  --accent-hover: var(--gold-600);
  --accent-soft: var(--agave-600);

  --border: #e4dfd2;         /* hairline on ivory */
  --border-strong: var(--stone-500);
  --border-on-dark: rgba(199,161,90,0.35);

  --focus-ring: rgba(199,161,90,0.55);
  --overlay-navy: rgba(15,42,68,0.72);   /* image overlay for consistency */
  --overlay-navy-strong: rgba(15,42,68,0.88);
}