:root {
  --color-accent: #E4E4E7;
  --color-bg: #0B0B0D;
  --color-border-strong: rgba(255, 255, 255, 0.28);
  --color-border: rgba(255, 255, 255, 0.14);
  --color-on-primary-fill: #18181B;
  --color-on-primary: #18181B;
  --color-overlay-soft: rgba(0, 0, 0, 0.20);
  --color-overlay-strong: rgba(0, 0, 0, 0.40);
  --color-primary-hover: #D4D4D8;
  --color-primary: #A1A1AA;
  --color-secondary: #71717A;
  --color-surface-1: #161618;
  --color-surface-2: #1F1F23;
  --color-text-muted: #8A8A90;
  --color-text-primary: #FAFAFA;
  --color-text-secondary: #C8C8CC;
  --gradient-action-fill-hover: linear-gradient(140deg, #aaaab3, #d8d8dc);
  --gradient-action-fill: linear-gradient(140deg, #a1a1aa, #d4d4d8);
  --gradient-action-primary: linear-gradient(140deg, #A1A1AA, #D4D4D8);
}
:root[data-theme="light"] {
  --color-accent: #27272A;
  --color-bg: #FAFAFA;
  --color-border-strong: rgba(0, 0, 0, 0.24);
  --color-border: rgba(0, 0, 0, 0.12);
  --color-on-primary-fill: #FFFFFF;
  --color-on-primary: #FFFFFF;
  --color-overlay-soft: rgba(0, 0, 0, 0.12);
  --color-overlay-strong: rgba(0, 0, 0, 0.32);
  --color-primary-hover: #18181B;
  --color-primary: #3F3F46;
  --color-secondary: #52525B;
  --color-surface-1: #FFFFFF;
  --color-surface-2: #F1F1F3;
  --color-text-muted: #6B6B73;
  --color-text-primary: #18181B;
  --color-text-secondary: #3F3F46;
  --gradient-action-fill-hover: linear-gradient(140deg, #39393f, #161618);
  --gradient-action-fill: linear-gradient(140deg, #3f3f46, #18181b);
  --gradient-action-primary: linear-gradient(140deg, #3F3F46, #18181B);
}
@supports (color: color-mix(in srgb, red, blue)) {
:root {
  --gradient-bg-home-signature: radial-gradient(circle at 8% -4%, color-mix(in srgb, #A1A1AA 34%, transparent), transparent 34%), radial-gradient(circle at 92% 2%, color-mix(in srgb, #71717A 28%, transparent), transparent 32%), radial-gradient(circle at 72% 82%, color-mix(in srgb, #A1A1AA 18%, transparent), transparent 30%), linear-gradient(150deg, color-mix(in srgb, #0B0B0D 58%, #000) 0%, #0B0B0D 52%, color-mix(in srgb, #0B0B0D 33%, #000) 100%);
  --gradient-surface-card: linear-gradient(145deg, color-mix(in srgb, color-mix(in srgb, #161618 90%, #000) 92%, transparent), color-mix(in srgb, #0B0B0D 88%, transparent));
}
:root[data-theme="light"] {
  --gradient-bg-home-signature: radial-gradient(circle at 9% -8%, color-mix(in srgb, #3F3F46 28%, transparent), transparent 42%), radial-gradient(circle at 90% 0%, color-mix(in srgb, #52525B 24%, transparent), transparent 38%), linear-gradient(150deg, color-mix(in srgb, #F1F1F3 18%, #fff) 0%, color-mix(in srgb, #F1F1F3 45%, #fff) 52%, color-mix(in srgb, #F1F1F3 70%, #fff) 100%);
  --gradient-surface-card: linear-gradient(145deg, #FFFFFF, color-mix(in srgb, #F1F1F3 70%, #fff));
}
}