:root {
  --color-accent: #FD0221;
  --color-bg: #0B0A0A;
  --color-border-strong: rgba(198, 16, 1, 0.55);
  --color-border: rgba(255, 255, 255, 0.14);
  --color-on-primary-fill: #FFFFFF;
  --color-on-primary: #FFFFFF;
  --color-overlay-soft: rgba(0, 0, 0, 0.20);
  --color-overlay-strong: rgba(0, 0, 0, 0.40);
  --color-primary-hover: #E41201;
  --color-primary: #C61001;
  --color-secondary: #4F657A;
  --color-surface-1: #161414;
  --color-surface-2: #1F1C1C;
  --color-text-muted: #999898;
  --color-text-primary: #FFFFFF;
  --color-text-secondary: #D3D3D3;
  --gradient-action-fill-hover: linear-gradient(140deg, #b20e01, #cd1001);
  --gradient-action-fill: linear-gradient(140deg, #c61001, #e41201);
  --gradient-action-primary: linear-gradient(140deg, #C61001, #E41201);
}
:root[data-theme="light"] {
  --color-accent: #E6021E;
  --color-bg: #FAF9F7;
  --color-border-strong: rgba(193, 16, 1, 0.45);
  --color-border: rgba(0, 0, 0, 0.12);
  --color-on-primary-fill: #FFFFFF;
  --color-on-primary: #FFFFFF;
  --color-overlay-soft: rgba(37, 36, 34, 0.05);
  --color-overlay-strong: rgba(37, 36, 34, 0.20);
  --color-primary-hover: #980D01;
  --color-primary: #C11001;
  --color-secondary: #425466;
  --color-surface-1: #FFFFFF;
  --color-surface-2: #EFEEEC;
  --color-text-muted: #6D6C6A;
  --color-text-primary: #252422;
  --color-text-secondary: #504F4D;
  --gradient-action-fill-hover: linear-gradient(140deg, #ae0e01, #890c01);
  --gradient-action-fill: linear-gradient(140deg, #c11001, #980d01);
  --gradient-action-primary: linear-gradient(140deg, #C11001, #980D01);
}
@supports (color: color-mix(in srgb, red, blue)) {
:root {
  --gradient-bg-home-signature: radial-gradient(circle at 8% -4%, color-mix(in srgb, #C61001 34%, transparent), transparent 34%), radial-gradient(circle at 92% 2%, color-mix(in srgb, #4F657A 28%, transparent), transparent 32%), radial-gradient(circle at 72% 82%, color-mix(in srgb, #C61001 18%, transparent), transparent 30%), linear-gradient(150deg, color-mix(in srgb, #0B0A0A 58%, #000) 0%, #0B0A0A 52%, color-mix(in srgb, #0B0A0A 33%, #000) 100%);
  --gradient-surface-card: linear-gradient(145deg, color-mix(in srgb, color-mix(in srgb, #161414 90%, #000) 92%, transparent), color-mix(in srgb, #0B0A0A 88%, transparent));
}
:root[data-theme="light"] {
  --gradient-bg-home-signature: radial-gradient(circle at 9% -8%, color-mix(in srgb, #C11001 28%, transparent), transparent 42%), radial-gradient(circle at 90% 0%, color-mix(in srgb, #425466 24%, transparent), transparent 38%), linear-gradient(150deg, color-mix(in srgb, #EFEEEC 18%, #fff) 0%, color-mix(in srgb, #EFEEEC 45%, #fff) 52%, color-mix(in srgb, #EFEEEC 70%, #fff) 100%);
  --gradient-surface-card: linear-gradient(145deg, #FFFFFF, color-mix(in srgb, #EFEEEC 70%, #fff));
}
}