/* DISMO color tokens — palette drawn from the leaf/flame logo */
:root {
  /* Base palette */
  --orange-500: #FF915D;   /* brand orange (given) */
  --orange-600: #E8703A;
  --orange-700: #D96F35;   /* logo mid-leaf */
  --amber-400:  #EFA33B;   /* logo amber leaf */
  --amber-100:  #FFEED9;
  --flame-500:  #E1462C;   /* logo flame red */
  --brown-800:  #7A2E1F;   /* logo dark leaf */
  --brown-900:  #4A2417;
  --cream-50:   #FFF9F4;
  --white:      #FFFFFF;
  --ink-900:    #2B1D16;
  --ink-600:    #6E5A4F;
  --ink-400:    #A08D82;
  --line-200:   #F0E2D6;

  /* Semantic — light */
  --surface-page:   var(--white);
  --surface-alt:    var(--cream-50);
  --surface-card:   var(--white);
  --surface-raise:  var(--amber-100);
  --text-heading:   var(--ink-900);
  --text-body:      var(--ink-600);
  --text-muted:     var(--ink-400);
  --text-on-accent: var(--white);
  --accent:         var(--orange-500);
  --accent-strong:  var(--orange-600);
  --accent-deep:    var(--flame-500);
  --accent-soft:    var(--amber-100);
  --border-subtle:  var(--line-200);
  --success:        #3D9A6C;
  --danger:         var(--flame-500);
  --focus-ring:     rgba(255,145,93,.45);
}

[data-theme="dark"] {
  --surface-page:   #1D130E;
  --surface-alt:    #261A13;
  --surface-card:   #2C1F17;
  --surface-raise:  #3A2A1E;
  --text-heading:   #FFF4EB;
  --text-body:      #D8C4B6;
  --text-muted:     #9C8577;
  --text-on-accent: #2B1D16;
  --accent:         #FF915D;
  --accent-strong:  #FFA878;
  --accent-deep:    #FF6B4A;
  --accent-soft:    #3A2A1E;
  --border-subtle:  #3D2C21;
  --focus-ring:     rgba(255,145,93,.5);
}