:root {
  --bg: #FBFAF7;
  --bg-soft: #F3EFE6;
  --card: #FFFFFF;
  --card-2: #FBF8F2;
  --ink: #1B1712;
  --muted: #6E6657;
  --faint: #837A68;
  --border: #ECE6DA;
  --border-strong: #DCD4C5;
  --shadow-sm: 0 1px 2px rgba(27, 23, 18, .05);
  --shadow: 0 1px 2px rgba(27, 23, 18, .04), 0 10px 28px rgba(27, 23, 18, .07);
  --shadow-lg: 0 6px 16px rgba(27, 23, 18, .08), 0 30px 60px rgba(27, 23, 18, .13);
  --accent: #F4B528;
  --accent-2: #FF9A4D;
  --accent-strong: #8A5B00;
  --accent-ink: #251B04;
  --accent-soft: rgba(244, 181, 40, .14);
  --grad: linear-gradient(135deg, #FFCF45 0%, #FF9344 100%);
  --grad-soft: linear-gradient(180deg, rgba(244, 181, 40, .12), rgba(255, 154, 77, .03));
  --green: #0C7A41;
  --red: #BC3D28;
  --font-ui: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-display: 'Space Grotesk', var(--font-ui);
}

[data-theme="dark"] {
  --bg: #131009;
  --bg-soft: #1A160D;
  --card: #1D1910;
  --card-2: #231E13;
  --ink: #F6F2E8;
  --muted: #A89F8C;
  --faint: #766D5C;
  --faint: #948B77;
  --border: #2C2616;
  --border-strong: #3A3220;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, .45);
  --shadow: 0 2px 6px rgba(0, 0, 0, .4), 0 16px 36px rgba(0, 0, 0, .5);
  --shadow-lg: 0 12px 34px rgba(0, 0, 0, .6);
  --accent-strong: #F4B528;
  --accent-soft: rgba(244, 181, 40, .16);
  --grad-soft: linear-gradient(180deg, rgba(244, 181, 40, .10), rgba(255, 154, 77, .02));
  --green: #3EC47E;
  --red: #F0795F;
}

[data-accent="amber"] {
  --accent: #F4B528;
  --accent-2: #FF9A4D;
  --accent-strong: #8A5B00;
  --accent-ink: #251B04;
  --accent-soft: rgba(244, 181, 40, .14);
  --grad: linear-gradient(135deg, #FFCF45 0%, #FF9344 100%);
}

[data-theme="dark"][data-accent="amber"] {
  --accent-strong: #F4B528;
  --accent-soft: rgba(244, 181, 40, .16);
}

[data-accent="teal"] {
  --accent: #16B8A2;
  --accent-2: #2DD4BF;
  --accent-strong: #0B7567;
  --accent-ink: #04221E;
  --accent-soft: rgba(22, 184, 162, .14);
  --grad: linear-gradient(135deg, #2DD4BF, #0EA08C);
}

[data-theme="dark"][data-accent="teal"] {
  --accent-strong: #2DD4BF;
  --accent-soft: rgba(22, 184, 162, .17);
}

[data-accent="coral"] {
  --accent: #FB6F4E;
  --accent-2: #FF9A6B;
  --accent-strong: #AE3A20;
  --accent-ink: #2A0B04;
  --accent-soft: rgba(251, 111, 78, .14);
  --grad: linear-gradient(135deg, #FF8A5C, #FB5E3C);
}

[data-theme="dark"][data-accent="coral"] {
  --accent-strong: #FF8A6B;
  --accent-soft: rgba(251, 111, 78, .17);
}

[data-accent="rose"] {
  --accent: #DB2763;
  --accent-2: #FF7CA3;
  --accent-strong: #C2154E;
  --accent-ink: #FFFFFF;
  --accent-soft: rgba(244, 63, 119, .14);
  --grad: linear-gradient(135deg, #FF7CA3, #F0356E);
}

[data-theme="dark"][data-accent="rose"] {
  --accent-strong: #FF8FB0;
  --accent-soft: rgba(244, 63, 119, .2);
}

[data-accent="violet"] {
  --accent: #7C3AED;
  --accent-2: #A78BFA;
  --accent-strong: #5B3FD6;
  --accent-ink: #FFFFFF;
  --accent-soft: rgba(124, 92, 252, .14);
  --grad: linear-gradient(135deg, #A78BFA, #6D4DF2);
}

[data-theme="dark"][data-accent="violet"] {
  --accent-strong: #B7A2FF;
  --accent-soft: rgba(124, 92, 252, .22);
}

[data-accent="blue"] {
  --accent: #2563EB;
  --accent-2: #60A5FA;
  --accent-strong: #1D5FD8;
  --accent-ink: #FFFFFF;
  --accent-soft: rgba(59, 130, 246, .14);
  --grad: linear-gradient(135deg, #60A5FA, #2F6FEF);
}

[data-theme="dark"][data-accent="blue"] {
  --accent-strong: #7FB0FF;
  --accent-soft: rgba(59, 130, 246, .22);
}
