/* ── Vocations Adelaide · Colour tokens ─────────────────────────────────────
   Sampled directly from the supplied brand artwork (flame icon set + badge).
   Six brand hues — Red is primary; Gold / Teal / Green are the supporting
   "season" accents; Ecru is the warm paper neutral; Charcoal the dark ink. */

:root {
  /* ── Core brand hues (as sampled) ── */
  --red:        #C11F47;   /* primary — the flame & wordmark crimson */
  --gold:       #C59F2D;
  --teal:       #23BEBC;
  --green:      #007876;   /* deep teal-green */
  --ecru:       #CEC3A3;   /* warm cream / parchment */
  --charcoal:   #3A3A3C;

  /* ── Red ramp ── */
  --red-50:   #FBEEF1;
  --red-100:  #F3CDD6;
  --red-200:  #E59BAC;
  --red-300:  #D65F7E;
  --red-400:  #CB3A5F;
  --red-500:  #C11F47;   /* = --red */
  --red-600:  #A8163A;
  --red-700:  #870F2D;
  --red-800:  #5F0B21;
  --red-900:  #3D0816;

  /* ── Badge gradient (Instagram lockup) ── */
  --grad-red-from: #C84A63;
  --grad-red-to:   #AE1840;
  --gradient-badge: radial-gradient(120% 120% at 30% 8%, var(--grad-red-from) 0%, var(--grad-red-to) 78%);

  /* ── Ecru / parchment ramp ── */
  --ecru-50:  #FAF8F1;
  --ecru-100: #F2EEE0;
  --ecru-200: #E6DEC8;
  --ecru-300: #D8CDAE;
  --ecru-400: #CEC3A3;   /* = --ecru */
  --ecru-500: #B7A981;
  --ecru-600: #998B63;

  /* ── Charcoal / ink ramp ── */
  --ink-900:  #1C1C1E;   /* logo "black" */
  --ink-800:  #2A2A2C;
  --ink-700:  #3A3A3C;   /* = --charcoal */
  --ink-600:  #55555A;
  --ink-500:  #74747B;
  --ink-400:  #9A9AA0;
  --ink-300:  #C2C2C6;
  --ink-200:  #DEDEE1;
  --ink-100:  #ECECEE;
  --ink-50:   #F6F6F7;
  --white:    #FFFFFF;

  /* ── Supporting accent ramps (lightest tints for surfaces) ── */
  --gold-100:  #F4EBCB;
  --gold-600:  #9C7C1E;
  --teal-100:  #CFF1F0;
  --teal-600:  #199B99;
  --green-100: #CADEDD;
  --green-700: #005553;

  /* ───────────────────── Semantic aliases ───────────────────── */
  /* Surfaces */
  --surface-page:        var(--ecru-50);     /* warm parchment default page */
  --surface-page-deep:   var(--ink-900);     /* dark sacred-art sections */
  --surface-card:        var(--white);
  --surface-card-warm:   var(--ecru-100);
  --surface-raised:      var(--white);
  --surface-brand:       var(--red-500);
  --surface-inverse:     var(--ink-900);

  /* Text */
  --text-strong:   var(--ink-900);
  --text-body:     var(--ink-800);
  --text-muted:    var(--ink-500);
  --text-on-brand: var(--ecru-50);
  --text-on-dark:  var(--ecru-100);
  --text-brand:    var(--red-600);

  /* Lines & borders */
  --border-soft:   var(--ecru-200);
  --border-default:var(--ecru-300);
  --border-strong: var(--ink-300);
  --border-brand:  var(--red-500);

  /* Interactive */
  --action:          var(--red-500);
  --action-hover:    var(--red-600);
  --action-active:   var(--red-700);
  --focus-ring:      var(--red-300);

  /* Status (kept within the brand temperature) */
  --status-success: var(--green);
  --status-info:    var(--teal-600);
  --status-warn:    var(--gold-600);
  --status-danger:  var(--red-600);
}