/* Generated from Radix Colors. MIT © WorkOS. See RADIX-COLORS-LICENSE.txt. */
html[data-site-theme="paper"] {
  color-scheme: light;
  --bg: #f8fafc;
  --surface: #ffffff;
  --surface-2: #f0f0f3;
  --surface-3: #e8e8ec;
  --border: #d9d9e0;
  --border-strong: #b9bbc6;
  --text: #1c2024;
  --text-1: #1c2024;
  --text-2: #60646c;
  --text-3: #60646c;
  --accent: #0d74ce;
  --accent-strong: #0090ff;
  --accent-contrast: #111111;
  --accent-2: #0588f0;
  --accent-soft: #e6f4fe;
  --accent-border: #8ec8f6;
  --grad: linear-gradient(135deg, var(--accent-strong), color-mix(in srgb, var(--accent-strong) 93%, var(--text)));
  --topbar-bg: color-mix(in srgb, var(--surface) 93%, transparent);
  --overlay: rgba(16,24,32,.32);
  --shadow: 0 8px 32px rgba(24,32,40,.07);
  --shadow-card: 0 6px 20px rgba(24,32,40,.055);
  --bg-elev: var(--surface);
  --bg-elev-2: var(--surface-2);
  --text-dim: var(--text-2);
  --text-faint: var(--text-3);
  --shadow-1: var(--shadow-card);
  --shadow-2: var(--shadow);
  --bg-surface-alt: var(--surface-2);
  --accent-primary: var(--accent);
  --green: #218358;
  --green-soft: #e6f6eb;
  --red: #ce2c31;
  --red-soft: #feebec;
  --amber: #ab6400;
  --amber-soft: #fff7c2;
  --blue: #0d74ce;
  --blue-soft: #e6f4fe;
  --purple: #6550b9;
  --purple-soft: #f4f0fe;
}

.appearance-choice[data-appearance="paper"] { --sample-bg: #f8fafc; --sample-surface: #ffffff; --sample-border: #d9d9e0; --sample-text: #1c2024; --sample-accent: #0090ff; }

html[data-site-theme="ink"] {
  color-scheme: dark;
  --bg: #000000;
  --surface: #101010;
  --surface-2: #191919;
  --surface-3: #2a2a2a;
  --border: #3a3a3a;
  --border-strong: #606060;
  --text: #eeeeee;
  --text-1: #eeeeee;
  --text-2: #b4b4b4;
  --text-3: #b4b4b4;
  --accent: #eeeeee;
  --accent-strong: #ededed;
  --accent-contrast: #111111;
  --accent-2: #b4b4b4;
  --accent-soft: #222222;
  --accent-border: #484848;
  --grad: linear-gradient(135deg, var(--accent-strong), color-mix(in srgb, var(--accent-strong) 93%, var(--text)));
  --topbar-bg: color-mix(in srgb, var(--surface) 93%, transparent);
  --overlay: rgba(0,0,0,.64);
  --shadow: 0 12px 40px rgba(0,0,0,.28);
  --shadow-card: 0 8px 24px rgba(0,0,0,.18);
  --bg-elev: var(--surface);
  --bg-elev-2: var(--surface-2);
  --text-dim: var(--text-2);
  --text-faint: var(--text-3);
  --shadow-1: var(--shadow-card);
  --shadow-2: var(--shadow);
  --bg-surface-alt: var(--surface-2);
  --accent-primary: var(--accent);
  --green: #3dd68c;
  --green-soft: #132d21;
  --red: #ff9592;
  --red-soft: #3b1219;
  --amber: #ffca16;
  --amber-soft: #302008;
  --blue: #70b8ff;
  --blue-soft: #0d2847;
  --purple: #baa7ff;
  --purple-soft: #291f43;
}

.appearance-choice[data-appearance="ink"] { --sample-bg: #000000; --sample-surface: #101010; --sample-border: #3a3a3a; --sample-text: #eeeeee; --sample-accent: #ededed; }

html[data-site-theme="violet"] {
  color-scheme: dark;
  --bg: #121113;
  --surface: #1a191b;
  --surface-2: #232225;
  --surface-3: #2b292d;
  --border: #3c393f;
  --border-strong: #625f69;
  --text: #eeeef0;
  --text-1: #eeeef0;
  --text-2: #b5b2bc;
  --text-3: #b5b2bc;
  --accent: #baa7ff;
  --accent-strong: #6e56cf;
  --accent-contrast: #ffffff;
  --accent-2: #7d66d9;
  --accent-soft: #291f43;
  --accent-border: #56468b;
  --grad: linear-gradient(135deg, var(--accent-strong), color-mix(in srgb, var(--accent-strong) 93%, var(--text)));
  --topbar-bg: color-mix(in srgb, var(--surface) 93%, transparent);
  --overlay: rgba(0,0,0,.64);
  --shadow: 0 12px 40px rgba(0,0,0,.28);
  --shadow-card: 0 8px 24px rgba(0,0,0,.18);
  --bg-elev: var(--surface);
  --bg-elev-2: var(--surface-2);
  --text-dim: var(--text-2);
  --text-faint: var(--text-3);
  --shadow-1: var(--shadow-card);
  --shadow-2: var(--shadow);
  --bg-surface-alt: var(--surface-2);
  --accent-primary: var(--accent);
  --green: #3dd68c;
  --green-soft: #132d21;
  --red: #ff9592;
  --red-soft: #3b1219;
  --amber: #ffca16;
  --amber-soft: #302008;
  --blue: #70b8ff;
  --blue-soft: #0d2847;
  --purple: #baa7ff;
  --purple-soft: #291f43;
}

.appearance-choice[data-appearance="violet"] { --sample-bg: #121113; --sample-surface: #1a191b; --sample-border: #3c393f; --sample-text: #eeeef0; --sample-accent: #6e56cf; }

html[data-site-theme="ocean"] {
  color-scheme: dark;
  --bg: #09151f;
  --surface: #0e1e2b;
  --surface-2: #142938;
  --surface-3: #272a2d;
  --border: #363a3f;
  --border-strong: #5a6169;
  --text: #edeef0;
  --text-1: #edeef0;
  --text-2: #b0b4ba;
  --text-3: #b0b4ba;
  --accent: #4ccce6;
  --accent-strong: #00a2c7;
  --accent-contrast: #111111;
  --accent-2: #23afd0;
  --accent-soft: #082c36;
  --accent-border: #12677e;
  --grad: linear-gradient(135deg, var(--accent-strong), color-mix(in srgb, var(--accent-strong) 93%, var(--text)));
  --topbar-bg: color-mix(in srgb, var(--surface) 93%, transparent);
  --overlay: rgba(0,0,0,.64);
  --shadow: 0 12px 40px rgba(0,0,0,.28);
  --shadow-card: 0 8px 24px rgba(0,0,0,.18);
  --bg-elev: var(--surface);
  --bg-elev-2: var(--surface-2);
  --text-dim: var(--text-2);
  --text-faint: var(--text-3);
  --shadow-1: var(--shadow-card);
  --shadow-2: var(--shadow);
  --bg-surface-alt: var(--surface-2);
  --accent-primary: var(--accent);
  --green: #3dd68c;
  --green-soft: #132d21;
  --red: #ff9592;
  --red-soft: #3b1219;
  --amber: #ffca16;
  --amber-soft: #302008;
  --blue: #70b8ff;
  --blue-soft: #0d2847;
  --purple: #baa7ff;
  --purple-soft: #291f43;
}

.appearance-choice[data-appearance="ocean"] { --sample-bg: #09151f; --sample-surface: #0e1e2b; --sample-border: #363a3f; --sample-text: #edeef0; --sample-accent: #00a2c7; }

html[data-site-theme="forest"] {
  color-scheme: light;
  --bg: #f3f7f3;
  --surface: #ffffff;
  --surface-2: #eef1f0;
  --surface-3: #e6e9e8;
  --border: #d7dad9;
  --border-strong: #b8bcba;
  --text: #1a211e;
  --text-1: #1a211e;
  --text-2: #5f6563;
  --text-3: #5f6563;
  --accent: #208368;
  --accent-strong: #29a383;
  --accent-contrast: #111111;
  --accent-2: #26997b;
  --accent-soft: #e6f7ed;
  --accent-border: #8bceb6;
  --grad: linear-gradient(135deg, var(--accent-strong), color-mix(in srgb, var(--accent-strong) 93%, var(--text)));
  --topbar-bg: color-mix(in srgb, var(--surface) 93%, transparent);
  --overlay: rgba(16,24,32,.32);
  --shadow: 0 8px 32px rgba(24,32,40,.07);
  --shadow-card: 0 6px 20px rgba(24,32,40,.055);
  --bg-elev: var(--surface);
  --bg-elev-2: var(--surface-2);
  --text-dim: var(--text-2);
  --text-faint: var(--text-3);
  --shadow-1: var(--shadow-card);
  --shadow-2: var(--shadow);
  --bg-surface-alt: var(--surface-2);
  --accent-primary: var(--accent);
  --green: #218358;
  --green-soft: #e6f6eb;
  --red: #ce2c31;
  --red-soft: #feebec;
  --amber: #ab6400;
  --amber-soft: #fff7c2;
  --blue: #0d74ce;
  --blue-soft: #e6f4fe;
  --purple: #6550b9;
  --purple-soft: #f4f0fe;
}

.appearance-choice[data-appearance="forest"] { --sample-bg: #f3f7f3; --sample-surface: #ffffff; --sample-border: #d7dad9; --sample-text: #1a211e; --sample-accent: #29a383; }

html[data-site-theme="sand"] {
  color-scheme: light;
  --bg: #f6f2e9;
  --surface: #fffcf6;
  --surface-2: #f1ece1;
  --surface-3: #e9e8e6;
  --border: #dad9d6;
  --border-strong: #bcbbb5;
  --text: #21201c;
  --text-1: #21201c;
  --text-2: #63635e;
  --text-3: #63635e;
  --accent: #7d5e54;
  --accent-strong: #a18072;
  --accent-contrast: #111111;
  --accent-2: #957468;
  --accent-soft: #f6edea;
  --accent-border: #d3bcb3;
  --grad: linear-gradient(135deg, var(--accent-strong), color-mix(in srgb, var(--accent-strong) 93%, var(--text)));
  --topbar-bg: color-mix(in srgb, var(--surface) 93%, transparent);
  --overlay: rgba(16,24,32,.32);
  --shadow: 0 8px 32px rgba(24,32,40,.07);
  --shadow-card: 0 6px 20px rgba(24,32,40,.055);
  --bg-elev: var(--surface);
  --bg-elev-2: var(--surface-2);
  --text-dim: var(--text-2);
  --text-faint: var(--text-3);
  --shadow-1: var(--shadow-card);
  --shadow-2: var(--shadow);
  --bg-surface-alt: var(--surface-2);
  --accent-primary: var(--accent);
  --green: #218358;
  --green-soft: #e6f6eb;
  --red: #ce2c31;
  --red-soft: #feebec;
  --amber: #ab6400;
  --amber-soft: #fff7c2;
  --blue: #0d74ce;
  --blue-soft: #e6f4fe;
  --purple: #6550b9;
  --purple-soft: #f4f0fe;
}

.appearance-choice[data-appearance="sand"] { --sample-bg: #f6f2e9; --sample-surface: #fffcf6; --sample-border: #dad9d6; --sample-text: #21201c; --sample-accent: #a18072; }