/* ============================================================
   CELSIK GROUP — COLOR TOKENS
   Corporate deep-forest green, dark-purple (aubergine) accent,
   silver/greige neutrals. Sampled from the official logo (#1D2E1C).
   ============================================================ */

:root {
  /* ---- Brand green (primary) — sampled from logo -------------- */
  --green-900: #101c0f;   /* deepest — near-black green */
  --green-800: #16240f;
  --green-700: #1d2e1c;   /* CORE corporate green (logo bg) */
  --green-600: #294020;
  --green-500: #35502b;
  --green-400: #4a6a3c;
  --green-300: #6d8a5f;
  --green-200: #9fb495;
  --green-100: #cdd8c6;
  --green-50:  #eef2ec;

  /* ---- Accent — dark purple / aubergine (complement) ---------- */
  --plum-900: #221635;
  --plum-800: #2e1d47;
  --plum-700: #3a2657;   /* CORE accent */
  --plum-600: #4a3269;
  --plum-500: #5c4180;
  --plum-400: #7a5fa0;
  --plum-300: #a086c0;
  --plum-200: #c9b8dd;
  --plum-100: #e7ddf1;

  /* ---- Silver / greige neutrals (secondary) ------------------- */
  --silver-900: #2c2f2c;
  --silver-800: #45494447;  /* not used directly; see slate below */
  --slate-900: #23261f;
  --slate-800: #3a3e35;
  --slate-700: #55594f;
  --slate-600: #71766a;
  --slate-500: #8d9285;   /* CORE silver */
  --slate-400: #a8ac9f;
  --slate-300: #c3c6bb;
  --slate-200: #dcdfd6;
  --slate-100: #eceee8;
  --slate-50:  #f6f7f3;

  --white: #ffffff;
  --paper: #fafbf7;       /* warm off-white page */
  --ink:   #101c0f;

  /* ---- Semantic status --------------------------------------- */
  --status-success: #35502b;
  --status-warning: #a9791f;
  --status-danger:  #8a3524;
  --status-info:    #3a2657;

  /* ============================================================
     SEMANTIC ALIASES — reference these in components
     ============================================================ */

  /* Surfaces */
  --surface-page:      var(--paper);
  --surface-card:      var(--white);
  --surface-sunken:    var(--slate-50);
  --surface-inverse:   var(--green-700);
  --surface-inverse-2: var(--green-800);
  --surface-accent:    var(--plum-700);

  /* Text */
  --text-primary:     var(--green-900);
  --text-secondary:   var(--slate-700);
  --text-muted:       var(--slate-500);
  --text-on-dark:     var(--white);
  --text-on-dark-dim: var(--green-200);
  --text-accent:      var(--plum-700);
  --text-brand:       var(--green-700);

  /* Lines & borders */
  --border-subtle:  var(--slate-200);
  --border-default: var(--slate-300);
  --border-strong:  var(--slate-500);
  --border-inverse: rgba(255, 255, 255, 0.16);

  /* Interactive — primary (green) */
  --btn-primary-bg:       var(--green-700);
  --btn-primary-bg-hover: var(--green-600);
  --btn-primary-bg-press: var(--green-800);
  --btn-primary-fg:       var(--white);

  /* Interactive — accent (plum) */
  --btn-accent-bg:        var(--plum-700);
  --btn-accent-bg-hover:  var(--plum-600);
  --btn-accent-bg-press:  var(--plum-800);
  --btn-accent-fg:        var(--white);

  /* Focus ring */
  --focus-ring: var(--plum-500);
}