:root {
  --color-accent: #806CC1;
  --color-bg: #0A0B0D;
  --color-border-strong: rgba(0, 135, 206, 0.55);
  --color-border: rgba(255, 255, 255, 0.14);
  --color-on-primary-fill: #00111A;
  --color-on-primary: #00111A;
  --color-overlay-soft: rgba(0, 0, 0, 0.20);
  --color-overlay-strong: rgba(0, 0, 0, 0.40);
  --color-primary-hover: #009BED;
  --color-primary: #0087CE;
  --color-secondary: #5C636E;
  --color-surface-1: #131519;
  --color-surface-2: #1B1D23;
  --color-text-muted: #989999;
  --color-text-primary: #FFFFFF;
  --color-text-secondary: #D3D3D3;
  --gradient-action-fill-hover: linear-gradient(140deg, #1a93d3, #1aa5ef);
  --gradient-action-fill: linear-gradient(140deg, #0087ce, #009bed);
  --gradient-action-primary: linear-gradient(140deg, #0087CE, #009BED);
}
:root[data-theme="light"] {
  --color-accent: #56419B;
  --color-bg: #F7F8FB;
  --color-border-strong: rgba(0, 123, 188, 0.45);
  --color-border: rgba(0, 0, 0, 0.12);
  --color-on-primary-fill: #FFFFFF;
  --color-on-primary: #FFFFFF;
  --color-overlay-soft: rgba(51, 55, 61, 0.05);
  --color-overlay-strong: rgba(51, 55, 61, 0.20);
  --color-primary-hover: #006093;
  --color-primary: #007BBC;
  --color-secondary: #33373D;
  --color-surface-1: #FFFFFF;
  --color-surface-2: #EDEEF2;
  --color-text-muted: #696C6F;
  --color-text-primary: #33373D;
  --color-text-secondary: #52555A;
  --gradient-action-fill-hover: linear-gradient(140deg, #006fa9, #005684);
  --gradient-action-fill: linear-gradient(140deg, #007bbc, #006093);
  --gradient-action-primary: linear-gradient(140deg, #007BBC, #006093);
}
@supports (color: color-mix(in srgb, red, blue)) {
:root {
  --gradient-bg-home-signature: radial-gradient(circle at 8% -4%, color-mix(in srgb, #0087CE 34%, transparent), transparent 34%), radial-gradient(circle at 92% 2%, color-mix(in srgb, #5C636E 28%, transparent), transparent 32%), radial-gradient(circle at 72% 82%, color-mix(in srgb, #0087CE 18%, transparent), transparent 30%), linear-gradient(150deg, color-mix(in srgb, #0A0B0D 58%, #000) 0%, #0A0B0D 52%, color-mix(in srgb, #0A0B0D 33%, #000) 100%);
  --gradient-surface-card: linear-gradient(145deg, color-mix(in srgb, color-mix(in srgb, #131519 90%, #000) 92%, transparent), color-mix(in srgb, #0A0B0D 88%, transparent));
}
:root[data-theme="light"] {
  --gradient-bg-home-signature: radial-gradient(circle at 9% -8%, color-mix(in srgb, #007BBC 28%, transparent), transparent 42%), radial-gradient(circle at 90% 0%, color-mix(in srgb, #33373D 24%, transparent), transparent 38%), linear-gradient(150deg, color-mix(in srgb, #EDEEF2 18%, #fff) 0%, color-mix(in srgb, #EDEEF2 45%, #fff) 52%, color-mix(in srgb, #EDEEF2 70%, #fff) 100%);
  --gradient-surface-card: linear-gradient(145deg, #FFFFFF, color-mix(in srgb, #EDEEF2 70%, #fff));
}
}