/* ============================================================
   Recepzia · Color tokens
   Boutique-hotel world: deep navy ink + brass + warm cream,
   with one warm accent per guild (the receptionists' uniforms).
   ============================================================ */
:root {
  /* ---- Paper / cream surfaces (the lobby walls) ---- */
  --paper-0: #FCF8F0;   /* lightest — page top */
  --paper-1: #F4ECDC;   /* default page background (wordmark bg) */
  --paper-2: #ECE0CA;   /* sunk panels, alt sections */
  --paper-3: #E0D2B6;   /* hairline / sand borders */
  --paper-4: #CDBB97;   /* strong sand divider */

  /* ---- Ink / navy (the wordmark) ---- */
  --ink-900: #0F2A45;   /* deepest — dark sections */
  --ink-800: #15375A;   /* brand navy — primary ink */
  --ink-700: #1E436A;
  --ink-600: #2C547E;
  --ink-500: #4A6B8E;   /* muted body on light */
  --ink-400: #6E89A6;   /* muted ink on dark */
  --ink-300: #9DB1C6;

  /* ---- Brass / gold (the bell) ---- */
  --brass-700: #8C6B22;
  --brass-600: #A9842F;
  --brass-500: #C9A24B;  /* primary brass accent */
  --brass-400: #D9B968;
  --brass-300: #E7CF94;
  --brass-200: #F1E2BE;

  /* ---- Guild accents (uniform colors of the receptionists) ---- */
  --guild-ruby: #A8423B;    /* Ruby · barbería */
  --guild-ruby-soft: #E9C9C3;
  --guild-teal: #2E7A72;    /* Matty · fisioterapia */
  --guild-teal-soft: #C2DCD7;
  --guild-olive: #6F8A3A;   /* Basil · hostelería */
  --guild-olive-soft: #D7DFBF;
  --guild-navy: #2C547E;    /* Penny · asesoría */
  --guild-navy-soft: #C6D4E2;

  /* ---- Semantic status ---- */
  --status-open: #3E8E5A;       /* "Abierto / en recepción" */
  --status-open-soft: #CDE6D4;
  --status-warn: #C9892F;
  --status-warn-soft: #F2DEB8;
  --status-danger: #A8423B;
  --status-danger-soft: #ECCBC6;
  --status-info: #2C547E;
  --status-info-soft: #C6D4E2;

  /* ============================================================
     Semantic aliases — reference these in UI, not the raw scale
     ============================================================ */
  --bg-page: var(--paper-1);
  --bg-raised: var(--paper-0);
  --bg-sunken: var(--paper-2);
  --bg-inverse: var(--ink-900);

  --surface-card: var(--paper-0);
  --surface-card-inverse: var(--ink-800);

  --text-strong: var(--ink-900);
  --text-body: var(--ink-800);
  --text-muted: var(--ink-500);
  --text-on-dark: var(--paper-0);
  --text-on-dark-muted: var(--ink-300);
  --text-brand: var(--ink-800);

  --accent: var(--brass-500);
  --accent-strong: var(--brass-600);
  --accent-on: var(--ink-900);

  --border-hairline: var(--paper-3);
  --border-strong: var(--paper-4);
  --border-on-dark: rgba(255,255,255,0.12);

  --focus-ring: var(--brass-500);
  --link: var(--ink-700);

  /* ---- Action / "clay" button palette (sage-olive primary on cream) ---- */
  --action: #6E9A46;          /* primary button default */
  --action-hover: #7BAA54;
  --action-press: #5C8439;
  --action-soft: #DCE7C6;     /* active toggle / selected fill */
  --action-ink: #2C5A3F;      /* forest-green label on cream buttons */
  --action-disabled: #CBD9B2;
  --action-on: #FFFFFF;       /* label on green */
  --clay-cream: var(--paper-0);     /* secondary button face */
  --clay-cream-press: var(--paper-2);
}