/* Generated from design-handoff/handoff/design-tokens.json. Do not edit. */

:root {
  --font-text: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Helvetica Neue', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
  --font-display: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'PingFang SC', sans-serif;
  --font-mono: 'SF Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --focus-ring: 0 0 0 3px var(--red-ring);
  --scrim: rgba(0,0,0,0.40);
  --scrim-popover: rgba(0,0,0,0.28);
  --space-1: 4px;
  --space-2: 6px;
  --space-3: 8px;
  --space-4: 10px;
  --space-5: 12px;
  --space-6: 14px;
  --space-7: 16px;
  --space-8: 18px;
  --space-9: 22px;
  --space-10: 26px;
  --space-11: 34px;
  --sh-nav-active: 0 3px 10px rgba(224,42,30,0.32);
  --aqp-canvas: var(--canvas);
  --aqp-surface: var(--surface);
  --aqp-sidebar: var(--sidebar);
  --aqp-sidebar-raised: var(--elevated);
  --aqp-text: var(--ink);
  --aqp-text-secondary: var(--ink3);
  --aqp-text-tertiary: var(--ink4);
  --aqp-border: var(--hair);
  --aqp-border-soft: var(--hair-soft);
  --aqp-primary: var(--red);
  --aqp-primary-hover: var(--red-text);
  --aqp-primary-soft: var(--red-wash);
  --aqp-brand: var(--red);
  --aqp-danger: var(--red);
  --aqp-success: var(--ok);
  --aqp-warning: var(--warn-text);
  --aqp-shadow: var(--sh-card);
  --radius: var(--r-ctl);
  --background: var(--canvas);
  --foreground: var(--ink);
  --card-foreground: var(--ink);
  --popover-foreground: var(--ink);
  --primary: var(--red);
  --primary-foreground: var(--primary-fg);
  --secondary: var(--slot2);
  --secondary-foreground: var(--ink);
  --muted: var(--slot);
  --muted-foreground: var(--ink3);
  --accent: var(--red-wash);
  --accent-foreground: var(--red-text);
  --destructive: var(--red);
  --destructive-foreground: var(--destructive-fg);
  --border: var(--hair);
  --input: var(--hair);
  --ring: var(--red-line);
  --sidebar-foreground: var(--ink);
  --sidebar-primary: var(--red);
  --sidebar-primary-foreground: var(--sidebar-primary-fg);
  --sidebar-accent: var(--hover-wash);
  --sidebar-accent-foreground: var(--ink);
  --sidebar-border: var(--hair);
  --sidebar-ring: var(--red-line);
  --status-available: var(--ok);
  --status-creating: var(--red);
  --status-failed: var(--red);
  --status-needs-image: var(--warn-text);
}

:root,
:root[data-theme="6b"] {
  color-scheme: light;
  --canvas: #F7F6F3;
  --stage: #F2F1ED;
  --sidebar: #EFEEEA;
  --surface: #FFFFFF;
  --panel: #FAFAF8;
  --elevated: #FFFFFF;
  --card: #FFFFFF;
  --popover: #FFFFFF;
  --slot: #EFEEEA;
  --slot2: #E9E8E3;
  --ink: #161614;
  --ink2: #3D3D38;
  --ink3: #55554F;
  --ink4: #8A8A84;
  --ink-dis: #B3B3AE;
  --hair: rgba(0,0,0,0.12);
  --hair-soft: rgba(0,0,0,0.07);
  --hover-wash: rgba(0,0,0,0.05);
  --press-wash: rgba(0,0,0,0.07);
  --chip-wash: rgba(0,0,0,0.05);
  --red: #E02A1E;
  --red-text: #C22218;
  --red-dot: #E02A1E;
  --red-dis-bg: #E9A7A1;
  --red-on-dis: #FFFFFF;
  --red-line: #E02A1E;
  --red-ring: rgba(224,42,30,0.12);
  --red-wash: rgba(224,42,30,0.09);
  --red-border: rgba(224,42,30,0.40);
  --ok: #34C759;
  --ok-text: #1F7A38;
  --ok-wash: rgba(52,199,89,0.14);
  --warn: #FF9F0A;
  --warn-text: #B36D00;
  --warn-wash: rgba(255,159,10,0.14);
  --toast-bg: rgba(22,22,20,0.92);
  --toast-ink: #F5F5F4;
  --r-ctl: 8px;
  --r-input: 9px;
  --r-card: 12px;
  --r-panel: 14px;
  --r-dialog: 16px;
  --r-pill: 18px;
  --sh-prim: 0 8px 24px rgba(224,42,30,0.35);
  --sh-card: 0 14px 44px rgba(0,0,0,0.09);
  --sh-dialog: 0 32px 90px rgba(0,0,0,0.30);
  --sh-drawer: -16px 0 48px rgba(0,0,0,0.12);
  --sh-hover: 0 14px 30px rgba(0,0,0,0.14);
  --sh-pop: 0 16px 48px rgba(0,0,0,0.16);
  --dur: 200ms;
  --dur-fast: 150ms;
  --curve: cubic-bezier(0.3,0.8,0.3,1);
  --scrollbar: rgba(0,0,0,0.18);
  --btn-ghost-bd: rgba(0,0,0,0.16);
  --input-bg: #FFFFFF;
  --seg-bg: rgba(0,0,0,0.06);
  --seg-on: #161614;
  --seg-on-ink: #FFFFFF;
  --primary-fg: #FFFFFF;
  --destructive-fg: #FFFFFF;
  --sidebar-primary-fg: #FFFFFF;
}

:root[data-theme="6a"] {
  color-scheme: dark;
  --canvas: #0B0B0C;
  --stage: #0F0F11;
  --sidebar: #0F0F11;
  --surface: #121215;
  --panel: #141417;
  --elevated: #17171A;
  --card: #1B1B1E;
  --popover: #222226;
  --slot: #101012;
  --slot2: #17171B;
  --ink: #F2F2F4;
  --ink2: #CFCFD4;
  --ink3: #A1A1A6;
  --ink4: #8D8D94;
  --ink-dis: #55555C;
  --hair: rgba(255,255,255,0.10);
  --hair-soft: rgba(255,255,255,0.07);
  --hover-wash: rgba(255,255,255,0.07);
  --press-wash: rgba(255,255,255,0.05);
  --chip-wash: rgba(255,255,255,0.07);
  --red: #F0392E;
  --red-text: #FF6B61;
  --red-dot: #FF453A;
  --red-dis-bg: rgba(240,57,46,0.32);
  --red-on-dis: rgba(255,255,255,0.55);
  --red-line: #FF453A;
  --red-ring: rgba(255,69,58,0.15);
  --red-wash: rgba(255,69,58,0.12);
  --red-border: rgba(255,69,58,0.35);
  --ok: #30D158;
  --ok-text: #4CD964;
  --ok-wash: rgba(48,209,88,0.14);
  --warn: #FFD60A;
  --warn-text: #E6B800;
  --warn-wash: rgba(255,214,10,0.12);
  --toast-bg: rgba(245,245,247,0.94);
  --toast-ink: #1D1D1F;
  --r-ctl: 8px;
  --r-input: 9px;
  --r-card: 12px;
  --r-panel: 14px;
  --r-dialog: 16px;
  --r-pill: 12px;
  --sh-prim: 0 6px 22px rgba(240,57,46,0.40);
  --sh-card: 0 10px 34px rgba(0,0,0,0.35);
  --sh-dialog: 0 40px 110px rgba(0,0,0,0.70);
  --sh-drawer: -24px 0 60px rgba(0,0,0,0.50);
  --sh-hover: 0 14px 34px rgba(0,0,0,0.45);
  --sh-pop: 0 24px 70px rgba(0,0,0,0.55);
  --dur: 260ms;
  --dur-fast: 200ms;
  --curve: cubic-bezier(0.2,0.7,0.2,1);
  --scrollbar: rgba(255,255,255,0.18);
  --btn-ghost-bd: rgba(255,255,255,0.16);
  --input-bg: rgba(255,255,255,0.04);
  --seg-bg: rgba(255,255,255,0.08);
  --seg-on: #F5F5F7;
  --seg-on-ink: #141416;
  --primary-fg: #FFFFFF;
  --destructive-fg: #FFFFFF;
  --sidebar-primary-fg: #FFFFFF;
}

:root[data-theme="6c"] {
  color-scheme: light;
  --canvas: #FBFAF8;
  --stage: #F6F5F1;
  --sidebar: #F4F3EF;
  --surface: #FFFFFF;
  --panel: #FAFAF8;
  --elevated: #FFFFFF;
  --card: #FFFFFF;
  --popover: #FFFFFF;
  --slot: #F1F0EC;
  --slot2: #EBEAE5;
  --ink: #161614;
  --ink2: #3D3D38;
  --ink3: #55554F;
  --ink4: #8A8A84;
  --ink-dis: #B3B3AB;
  --hair: rgba(0,0,0,0.10);
  --hair-soft: rgba(0,0,0,0.06);
  --hover-wash: rgba(0,0,0,0.045);
  --press-wash: rgba(0,0,0,0.07);
  --chip-wash: rgba(0,0,0,0.045);
  --red: #E02A1E;
  --red-text: #C22218;
  --red-dot: #E02A1E;
  --red-dis-bg: #E9A7A1;
  --red-on-dis: #FFFFFF;
  --red-line: #E02A1E;
  --red-ring: rgba(224,42,30,0.12);
  --red-wash: rgba(224,42,30,0.09);
  --red-border: rgba(224,42,30,0.40);
  --ok: #34C759;
  --ok-text: #1F7A38;
  --ok-wash: rgba(52,199,89,0.14);
  --warn: #FF9F0A;
  --warn-text: #B36D00;
  --warn-wash: rgba(255,159,10,0.14);
  --toast-bg: rgba(22,22,20,0.92);
  --toast-ink: #F5F5F4;
  --r-ctl: 17px;
  --r-input: 14px;
  --r-card: 14px;
  --r-panel: 14px;
  --r-dialog: 18px;
  --r-pill: 19px;
  --sh-prim: 0 10px 30px rgba(224,42,30,0.40);
  --sh-card: 0 8px 26px rgba(0,0,0,0.06);
  --sh-dialog: 0 32px 90px rgba(0,0,0,0.30);
  --sh-drawer: -16px 0 48px rgba(0,0,0,0.12);
  --sh-hover: 0 14px 30px rgba(0,0,0,0.16);
  --sh-pop: 0 16px 48px rgba(0,0,0,0.16);
  --dur: 240ms;
  --dur-fast: 180ms;
  --curve: cubic-bezier(0.34,1.35,0.4,1);
  --scrollbar: rgba(0,0,0,0.18);
  --btn-ghost-bd: rgba(0,0,0,0.16);
  --input-bg: #FFFFFF;
  --seg-bg: rgba(0,0,0,0.06);
  --seg-on: #161614;
  --seg-on-ink: #FFFFFF;
  --primary-fg: #FFFFFF;
  --destructive-fg: #FFFFFF;
  --sidebar-primary-fg: #FFFFFF;
}