/* IKON theme tokens — copied verbatim from ikon-design-language.html. Light is default (:root/.light); add class="dark" on <html> for dark. */
:root,.light{
  --cream:#FAF5E8;--cream-warm:#F5EEDC;--paper:#FFFCEE;
  --ember:#BA5622;--ember-soft:#E8732A;--ember-deep:#8A3D14;
  --ink:#2C2520;--ink-soft:#4A4037;--ink-muted:#827668;--line:#E8E2D2;
  --success:#4F8A3D;--warning:#E0890A;--error:#D12B1B;--info:#2C8499;
  --success-bg:#E8F0DA;--success-tx:#356025;--warning-bg:#FBE4B2;--warning-tx:#8A540B;
  --error-bg:#F8D5CE;--error-tx:#9E2114;--info-bg:#D9EBEF;--info-tx:#1A5462;
  --r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-full:999px;
  --dur:190ms;/* @kind other */--dur-fast:120ms;/* @kind other */--ease:cubic-bezier(0.3,0,0.2,1);/* @kind other */
  --feather:0 1px 3px rgba(22,19,15,.025),0 2px 6px rgba(22,19,15,.03);
  --overlay:0 12px 32px rgba(22,19,15,.16),0 4px 10px rgba(22,19,15,.07);
  --btn-primary-bg:linear-gradient(180deg,#C8682F,#A24A18);--btn-primary-bg-hover:linear-gradient(180deg,#D5743A,#B25420);--btn-primary-bg-active:linear-gradient(180deg,#A24A18,#8A3D14);--btn-primary-shadow:0 4px 14px rgba(186,86,34,.32),inset 0 1px 0 rgba(255,255,255,.28);--btn-primary-border:#8A3D14;
  --btn-secondary-bg:linear-gradient(180deg,#FCF7EC,#ECE3D1);--btn-secondary-bg-hover:linear-gradient(180deg,#FFFFFF,#F2EADB);--btn-secondary-bg-active:linear-gradient(180deg,#EFE6D5,#E2D8C4);--btn-secondary-color:#4A4037;--btn-secondary-border:#E0D6C2;--btn-secondary-shadow:0 2px 6px rgba(22,19,15,.08),inset 0 1px 0 rgba(255,255,255,.7);
  --btn-accent-bg:linear-gradient(180deg,#FBE0CC,#F0C6A4);--btn-accent-bg-hover:linear-gradient(180deg,#FDE7D6,#F4CFB1);--btn-accent-bg-active:linear-gradient(180deg,#F2CBAB,#E8B68E);--btn-accent-color:#8A3D14;--btn-accent-border:#E8C3A4;--btn-accent-shadow:0 2px 6px rgba(186,86,34,.16),inset 0 1px 0 rgba(255,255,255,.55);
  --btn-ghost-color:#4A4037;--btn-ghost-bg-hover:#F1E9D9;
  --btn-danger-bg:linear-gradient(180deg,#D8392B,#B0241A);--btn-danger-bg-hover:linear-gradient(180deg,#E04434,#C02A1E);--btn-danger-bg-active:linear-gradient(180deg,#B0241A,#8A1E14);--btn-danger-shadow:0 4px 14px rgba(209,43,27,.28),inset 0 1px 0 rgba(255,255,255,.2);--btn-danger-border:#8A1E14;
  --icon-quiet-color:#827668;--icon-quiet-bg-hover:#F1E9D9;--menu-bg:#FFFCEE;
  --input-bg:#FFFCEE;--input-border:#E2DAC8;--input-shadow:0 1px 1px rgba(22,19,15,.03),inset 0 1px 0 rgba(255,255,255,.45);
}
.dark{
  --cream:#100D09;--cream-warm:#221D18;--paper:#241F18;--ember:#C8682F;--ember-soft:#E8732A;--ember-deep:#8A3D14;
  --ink:#FFFCEE;--ink-soft:#E8E2D2;--ink-muted:#B8AC97;--line:#443A30;
  --success-bg:rgba(79,138,61,.22);--success-tx:#A7D08C;--warning-bg:rgba(224,137,10,.20);--warning-tx:#F2C078;
  --error-bg:rgba(209,43,27,.22);--error-tx:#F0A99E;--info-bg:rgba(44,132,153,.22);--info-tx:#8FCAD6;
  --feather:0 8px 24px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.08),inset 0 -1px 0 rgba(0,0,0,.25);--overlay:0 16px 40px rgba(0,0,0,.5),0 4px 12px rgba(0,0,0,.4);
  --btn-primary-shadow:0 0 26px rgba(200,104,47,.45),0 10px 24px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.26);--btn-primary-border:rgba(255,224,200,.18);
  --btn-secondary-bg:linear-gradient(180deg,#3C342C,#28221C);--btn-secondary-bg-hover:linear-gradient(180deg,#463D33,#322A22);--btn-secondary-bg-active:linear-gradient(180deg,#28221C,#1E1914);--btn-secondary-color:#EDE4D6;--btn-secondary-border:#4A4036;--btn-secondary-shadow:0 5px 12px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.10);
  --btn-accent-bg:linear-gradient(180deg,#7A4A28,#502E18);--btn-accent-bg-hover:linear-gradient(180deg,#88542E,#5C3620);--btn-accent-bg-active:linear-gradient(180deg,#502E18,#3E2412);--btn-accent-color:#FAD9BE;--btn-accent-border:#5E371E;--btn-accent-shadow:0 5px 12px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.14);
  --btn-ghost-color:#E8E2D2;--btn-ghost-bg-hover:rgba(255,255,255,.07);--btn-danger-shadow:0 0 18px rgba(209,43,27,.32),inset 0 1px 0 rgba(255,255,255,.18);
  --icon-quiet-color:#B8AC97;--icon-quiet-bg-hover:rgba(255,255,255,.07);--menu-bg:#2A241E;
  --input-bg:#2E2820;--input-border:#4A4036;--input-shadow:0 2px 6px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.06);
}