:root {
  --color-accent: #FFBF3D;
  --color-bg: #090B0E;
  --color-border-strong: rgba(78, 101, 124, 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: #5A748F;
  --color-primary: #4E657C;
  --color-secondary: #2281EE;
  --color-surface-1: #11151A;
  --color-surface-2: #181D25;
  --color-text-muted: #98999A;
  --color-text-primary: #FFFFFF;
  --color-text-secondary: #D3D3D4;
  --gradient-action-fill-hover: linear-gradient(140deg, #465b70, #516881);
  --gradient-action-fill: linear-gradient(140deg, #4e657c, #5a748f);
  --gradient-action-primary: linear-gradient(140deg, #4E657C, #5A748F);
}
:root[data-theme="light"] {
  --color-accent: #996600;
  --color-bg: #F7F7F7;
  --color-border-strong: rgba(10, 13, 16, 0.45);
  --color-border: rgba(0, 0, 0, 0.12);
  --color-on-primary-fill: #FFFFFF;
  --color-on-primary: #FFFFFF;
  --color-overlay-soft: rgba(10, 13, 16, 0.05);
  --color-overlay-strong: rgba(10, 13, 16, 0.20);
  --color-primary-hover: #000000;
  --color-primary: #0A0D10;
  --color-secondary: #2281EE;
  --color-surface-1: #FFFFFF;
  --color-surface-2: #EBEBEB;
  --color-text-muted: #68696B;
  --color-text-primary: #0A0D10;
  --color-text-secondary: #393C3E;
  --gradient-action-fill-hover: linear-gradient(140deg, #090c0e, #000000);
  --gradient-action-fill: linear-gradient(140deg, #0a0d10, #000000);
  --gradient-action-primary: linear-gradient(140deg, #0A0D10, #000000);
}
@supports (color: color-mix(in srgb, red, blue)) {
:root {
  --gradient-bg-home-signature: radial-gradient(circle at 8% -4%, color-mix(in srgb, #4E657C 34%, transparent), transparent 34%), radial-gradient(circle at 92% 2%, color-mix(in srgb, #2281EE 28%, transparent), transparent 32%), radial-gradient(circle at 72% 82%, color-mix(in srgb, #4E657C 18%, transparent), transparent 30%), linear-gradient(150deg, color-mix(in srgb, #090B0E 58%, #000) 0%, #090B0E 52%, color-mix(in srgb, #090B0E 33%, #000) 100%);
  --gradient-surface-card: linear-gradient(145deg, color-mix(in srgb, color-mix(in srgb, #11151A 90%, #000) 92%, transparent), color-mix(in srgb, #090B0E 88%, transparent));
}
:root[data-theme="light"] {
  --gradient-bg-home-signature: radial-gradient(circle at 9% -8%, color-mix(in srgb, #0A0D10 28%, transparent), transparent 42%), radial-gradient(circle at 90% 0%, color-mix(in srgb, #2281EE 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));
}
}