/* ============================================================
   Kroma Living — Semantic tokens
   Aliases that map the raw palette to interface roles.
   ============================================================ */

:root {
  /* ---- Text ---- */
  --text-strong:   var(--kroma-petroleo);
  --text-body:     var(--petroleo-700);
  --text-muted:    var(--petroleo-500);
  --text-subtle:   var(--petroleo-400);
  --text-inverse:  var(--kroma-calma);
  --text-on-accent:#ffffff;
  --text-accent:   var(--kroma-terracota);

  /* ---- Surfaces ---- */
  --surface-page:    var(--kroma-calma);
  --surface-raised:  #ffffff;
  --surface-card:    #ffffff;
  --surface-sunken:  var(--calma-100);
  --surface-inverse: var(--kroma-petroleo);
  --surface-tint:    var(--calma-50);

  /* ---- Borders ---- */
  --border-subtle: var(--calma-200);
  --border-default:var(--calma-300);
  --border-strong: var(--petroleo-200);
  --border-focus:  var(--kroma-lavanda);

  /* ---- Accents / interactive ---- */
  --accent:         var(--kroma-terracota);
  --accent-hover:   #d8632f;   /* darkened terracota */
  --accent-press:   #c1592a;
  --accent-soft:    #fbe6db;   /* terracota wash */
  --lavanda-soft:   #ebe7f3;   /* lavender wash */
  --bruma-soft:     #e4eef6;   /* mist wash */

  /* ---- Feedback ---- */
  --success: #5b8c6e;
  --warning: var(--kroma-miel);
  --danger:  #c05540;
  --info:    var(--kroma-lavanda);

  /* ---- Focus ring ---- */
  --focus-ring: 0 0 0 3px rgba(154, 141, 195, 0.45);
}