/* Aartimora colour system.
   Base values sampled directly from the supplied logo artwork (print_8000px.png):
   petrol #508898 · gold/sand #CDBB9C · warm grey #63635F.
   Scales are derived from those three hues. */
:root {
  /* Petrol — the dominant brand hue */
  --petrol-950: #0f3038;
  --petrol-900: #17434e;
  --petrol-800: #205665;
  --petrol-700: #296a79;
  --petrol-600: #307887; /* AA-safe interactive petrol (4.5:1+ on white) */
  --petrol-500: #508898; /* EXACT logo petrol */
  --petrol-400: #7ba8b4;
  --petrol-300: #a6c4cd;
  --petrol-200: #ccdee3;
  --petrol-100: #eaf2f2; /* quiet petrol surface */
  --petrol-50:  #f4f9f9;

  /* Gold / sand — signature accent, used sparingly */
  --gold-800: #7a6535; /* only tone with AA text contrast on white */
  --gold-700: #9a7f45;
  --gold-600: #b99a63;
  --gold-500: #c3ac84;
  --gold-400: #cdbb9c; /* EXACT logo gold (rule + circle) */
  --gold-300: #dccfb8;
  --gold-200: #ebe3d4;
  --gold-100: #f5f0e7;

  /* Warm neutrals */
  --warm-950: #1f1f1d;
  --warm-900: #2e2e2b;
  --warm-800: #454541;
  --warm-700: #63635f; /* EXACT logo descriptor grey — body copy */
  --warm-600: #7a7a75;
  --warm-500: #94948e;
  --warm-400: #b4b4ae;
  --warm-300: #d2d2cb;
  --warm-200: #e4e2dc;
  --warm-100: #f7f5f0; /* warm off-white section background */
  --white: #ffffff;

  /* Cool UI neutral (input borders, quiet separators) */
  --ui-border: #d9e1df;

  /* Semantic — kept muted so they never outshout petrol/gold */
  --success-700: #2f6b4f;
  --success-100: #e8f1ec;
  --warning-700: #8a6224;
  --warning-100: #f8f0e2;
  --danger-700: #9c3a32;
  --danger-100: #f8ebe9;

  /* ── Semantic aliases — prefer these in components ── */
  --brand: var(--petrol-500);
  --brand-interactive: var(--petrol-600);
  --brand-hover: var(--petrol-700);
  --brand-press: var(--petrol-800);
  --accent: var(--gold-400);
  --accent-strong: var(--gold-600);

  --text-heading: var(--petrol-900);
  --text-body: var(--warm-700);
  --text-muted: var(--warm-600);
  --text-quiet: var(--warm-500);
  --text-on-brand: var(--white);
  --text-link: var(--petrol-600);
  --text-link-hover: var(--petrol-800);

  --surface-page: var(--white);
  --surface-warm: var(--warm-100);
  --surface-petrol-tint: var(--petrol-100);
  --surface-brand: var(--petrol-800);
  --surface-card: var(--white);
  --surface-input: var(--white);
  --surface-input-disabled: var(--warm-100);

  --border-default: var(--ui-border);
  --border-quiet: var(--warm-200);
  --border-strong: var(--petrol-300);
  --border-accent: var(--gold-400);

  --focus-ring: var(--gold-700);
  --focus-ring-on-brand: var(--gold-300);
}