/* ============================================================
   STUDIE — COLORS
   The STUDIE corporate design is deliberately monochrome-first:
   white-dominant, black wordmark, sober. Color enters sparingly,
   mostly through photography. Per the CD there are no fixed brand
   colour codes — instead the system works with open "Farbwelten"
   (colour worlds). The neutral ramp below is the locked core; the
   Farbwelten accents are a curated interpretation (see readme).
   ============================================================ */
:root {
  /* --- Core neutrals (ink ramp) --- */
  --st-black: #000000;
  --st-white: #ffffff;

  --neutral-0:   #ffffff;
  --neutral-50:  #f6f6f5;
  --neutral-100: #ededec;
  --neutral-150: #e3e3e2;
  --neutral-200: #d6d6d4;
  --neutral-300: #bcbcba;
  --neutral-400: #9a9a98;  /* mirrors STUDIE footer mark #929292 */
  --neutral-500: #6f6f6d;
  --neutral-600: #4a4a48;  /* mirrors STUDIE footer mark #454444 */
  --neutral-700: #2c2c2b;
  --neutral-800: #181817;
  --neutral-900: #000000;

  /* --- Farbwelten — open accent worlds (muted, sober) --- */
  --world-petrol: #1f5673;
  --world-petrol-soft: #d7e2e8;
  --world-forest: #3a6b4e;
  --world-forest-soft: #dbe6df;
  --world-ochre:  #b07d2b;
  --world-ochre-soft: #efe5d0;
  --world-brick:  #9c4334;
  --world-brick-soft: #ecdcd8;
  --world-aubergine: #574a6b;
  --world-aubergine-soft: #e1dde7;

  /* --- Functional / status (muted to match the sober palette) --- */
  --signal-success: #2f6b46;
  --signal-success-soft: #e0ece4;
  --signal-warning: #8f6310;
  --signal-warning-soft: #f2e8d3;
  --signal-error:   #a23227;
  --signal-error-soft: #f1ddda;
  --signal-info:    #1f5673;
  --signal-info-soft: #dce7ec;

  /* --- Focus / interaction accent --- */
  --st-focus: #1f5673;

  /* ============================================================
     SEMANTIC ALIASES — reference these in components.
     ============================================================ */
  /* Surfaces */
  --surface-page:    var(--neutral-0);
  --surface-raised:  var(--neutral-0);
  --surface-sunken:  var(--neutral-50);
  --surface-inset:   var(--neutral-100);
  --surface-inverse: var(--neutral-900);

  /* Text */
  --text-primary:   var(--neutral-900);
  --text-secondary: var(--neutral-600);
  --text-muted:     var(--neutral-500);
  --text-subtle:    var(--neutral-400);
  --text-on-inverse: var(--neutral-0);
  --text-on-action:  var(--neutral-0);
  --text-link:      var(--neutral-900);
  --text-link-hover: var(--world-petrol);

  /* Borders */
  --border-subtle:  var(--neutral-200);
  --border-default: var(--neutral-300);
  --border-strong:  var(--neutral-900);

  /* Actions (primary = sober black, the brand's default) */
  --action-primary:        var(--neutral-900);
  --action-primary-hover:  var(--neutral-700);
  --action-primary-active: var(--neutral-800);

  --action-secondary-border: var(--neutral-900);
  --action-secondary-hover:  var(--neutral-100);

  --focus-ring: var(--st-focus);
}