/* LifenLearn — Color tokens
   Brand marks sampled from the logo: vivid violet #9000F0 + pure blue #0000FF.
   Neutrals carry a faint violet cast so ink and surfaces feel of-a-piece with the brand. */
:root {
  /* --- Brand: Violet (primary) --- */
  --violet-900: #34004F;
  --violet-800: #55008A;
  --violet-700: #7300C2;
  --violet-600: #9000F0; /* primary brand */
  --violet-500: #A733F3;
  --violet-400: #C06FF6;
  --violet-300: #D7A4F9;
  --violet-200: #EAD1FC;
  --violet-100: #F4E6FE;
  --violet-50:  #FBF4FF;

  /* --- Brand: Blue (accent) --- */
  --blue-800: #0000A3;
  --blue-700: #0000CC;
  --blue-600: #0000FF; /* accent brand */
  --blue-500: #3A3AFF;
  --blue-300: #9E9EFF;
  --blue-100: #E6E6FF;
  --blue-50:  #F1F1FF;

  /* --- Neutral ink (faint violet cast) --- */
  --ink-950: #100D17;
  --ink-900: #1A1523;
  --ink-800: #2A2536;
  --ink-700: #3E384C;
  --ink-600: #574F68;
  --ink-500: #726A83;
  --ink-400: #948DA3;
  --ink-300: #BCB6C8;
  --ink-200: #E1DDE9;
  --ink-100: #F0EDF5;
  --ink-50:  #F8F6FB;
  --white:   #FFFFFF;

  /* --- Semantic state colors --- */
  --green-600: #1E9E6A;
  --green-100: #E1F5EC;
  --amber-600: #C98A00;
  --amber-100: #FBF0D6;
  --red-600:   #E5484D;
  --red-100:   #FCE7E8;

  /* ============ Semantic aliases ============ */
  --brand:            var(--violet-600);
  --brand-strong:     var(--violet-700);
  --brand-soft:       var(--violet-100);
  --brand-tint:       var(--violet-50);
  --accent:           var(--blue-600);
  --accent-strong:    var(--blue-700);
  --accent-soft:      var(--blue-100);

  --text-heading:     var(--ink-900);
  --text-body:        var(--ink-700);
  --text-muted:       var(--ink-500);
  --text-faint:       var(--ink-400);
  --text-on-brand:    var(--white);
  --text-link:        var(--violet-700);
  --text-link-hover:  var(--violet-600);

  --surface:          var(--white);
  --surface-alt:      var(--ink-50);
  --surface-tint:     var(--violet-50);
  --surface-card:     var(--white);
  --surface-inverse:  var(--ink-900);

  --border:           var(--ink-200);
  --border-strong:    var(--ink-300);
  --border-brand:     var(--violet-300);

  --focus-ring:       var(--violet-500);

  --success:          var(--green-600);
  --success-soft:     var(--green-100);
  --warning:          var(--amber-600);
  --warning-soft:     var(--amber-100);
  --danger:           var(--red-600);
  --danger-soft:      var(--red-100);

  /* Category accents (used for chips/tags on the blog) */
  --cat-psychology:   var(--violet-600);
  --cat-mindfulness:  var(--blue-600);
}