:root {
  --color-accent: #66B8FA;
  --color-bg: #101219;
  --color-border-strong: rgba(0, 137, 247, 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: #33A1F9;
  --color-primary: #0089F7;
  --color-secondary: #929292;
  --color-surface-1: #161922;
  --color-surface-2: #1E2330;
  --color-text-muted: #929292;
  --color-text-primary: #FFFFFF;
  --color-text-secondary: #C5C5C5;
  --gradient-action-fill-hover: linear-gradient(140deg, #0069be, #226aa4);
  --gradient-action-fill: linear-gradient(140deg, #0077d7, #277abd);
  --gradient-action-primary: linear-gradient(140deg, #0089F7, #33A1F9);
}
:root[data-theme="light"] {
  --color-accent: #0057B3;
  --color-bg: #F7F8FA;
  --color-border-strong: rgba(0, 137, 247, 0.55);
  --color-border: rgba(0, 0, 0, 0.12);
  --color-on-primary-fill: #FFFFFF;
  --color-on-primary: #FFFFFF;
  --color-overlay-soft: rgba(16, 18, 25, 0.05);
  --color-overlay-strong: rgba(16, 18, 25, 0.16);
  --color-primary-hover: #006EDF;
  --color-primary: #0089F7;
  --color-secondary: #626262;
  --color-surface-1: #FFFFFF;
  --color-surface-2: #EBEBEB;
  --color-text-muted: #626262;
  --color-text-primary: #1B1B1B;
  --color-text-secondary: #373737;
  --gradient-action-fill-hover: linear-gradient(140deg, #0069be, #0063c9);
  --gradient-action-fill: linear-gradient(140deg, #0077d7, #006edf);
  --gradient-action-primary: linear-gradient(140deg, #0089F7, #006EDF);
}
@supports (color: color-mix(in srgb, red, blue)) {
:root {
  --gradient-bg-home-signature: radial-gradient(circle at 8% -4%, color-mix(in srgb, #0089F7 34%, transparent), transparent 34%), radial-gradient(circle at 92% 2%, color-mix(in srgb, #929292 28%, transparent), transparent 32%), radial-gradient(circle at 72% 82%, color-mix(in srgb, #0089F7 18%, transparent), transparent 30%), linear-gradient(150deg, color-mix(in srgb, #101219 58%, #000) 0%, #101219 52%, color-mix(in srgb, #101219 33%, #000) 100%);
  --gradient-surface-card: linear-gradient(145deg, color-mix(in srgb, color-mix(in srgb, #161922 90%, #000) 92%, transparent), color-mix(in srgb, #101219 88%, transparent));
}
:root[data-theme="light"] {
  --gradient-bg-home-signature: radial-gradient(circle at 9% -8%, color-mix(in srgb, #0089F7 28%, transparent), transparent 42%), radial-gradient(circle at 90% 0%, color-mix(in srgb, #626262 24%, transparent), transparent 38%), linear-gradient(150deg, color-mix(in srgb, #EBEBEB 18%, #fff) 0%, color-mix(in srgb, #EBEBEB 45%, #fff) 52%, color-mix(in srgb, #EBEBEB 70%, #fff) 100%);
  --gradient-surface-card: linear-gradient(145deg, #FFFFFF, color-mix(in srgb, #EBEBEB 70%, #fff));
}
}