:root {
  --color-accent: #4D78FF;
  --color-bg: #041448;
  --color-border-strong: rgba(36, 89, 255, 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: #2459FF;
  --color-primary: #2459FF;
  --color-secondary: #FC471D;
  --color-surface-1: #05195B;
  --color-surface-2: #061E6C;
  --color-text-muted: #969CB2;
  --color-text-primary: #FFFFFF;
  --color-text-secondary: #D2D5DE;
  --gradient-action-fill-hover: linear-gradient(140deg, #2050e6, #2050e6);
  --gradient-action-fill: linear-gradient(140deg, #2459ff, #2459ff);
  --gradient-action-primary: linear-gradient(140deg, #2459FF, #2459FF);
}
:root[data-theme="light"] {
  --color-accent: #1049FF;
  --color-bg: #F7F4ED;
  --color-border-strong: rgba(16, 73, 255, 0.45);
  --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.05);
  --color-overlay-strong: rgba(0, 0, 0, 0.20);
  --color-primary-hover: #0037E6;
  --color-primary: #1049FF;
  --color-secondary: #FC471D;
  --color-surface-1: #FFFFFF;
  --color-surface-2: #EBE8E1;
  --color-text-muted: #696865;
  --color-text-primary: #000000;
  --color-text-secondary: #31312F;
  --gradient-action-fill-hover: linear-gradient(140deg, #0e42e6, #0032cf);
  --gradient-action-fill: linear-gradient(140deg, #1049ff, #0037e6);
  --gradient-action-primary: linear-gradient(140deg, #1049FF, #0037E6);
}
@supports (color: color-mix(in srgb, red, blue)) {
:root {
  --gradient-bg-home-signature: radial-gradient(circle at 8% -4%, color-mix(in srgb, #2459FF 34%, transparent), transparent 34%), radial-gradient(circle at 92% 2%, color-mix(in srgb, #FC471D 28%, transparent), transparent 32%), radial-gradient(circle at 72% 82%, color-mix(in srgb, #2459FF 18%, transparent), transparent 30%), linear-gradient(150deg, color-mix(in srgb, #041448 58%, #000) 0%, #041448 52%, color-mix(in srgb, #041448 33%, #000) 100%);
  --gradient-surface-card: linear-gradient(145deg, color-mix(in srgb, color-mix(in srgb, #05195B 90%, #000) 92%, transparent), color-mix(in srgb, #041448 88%, transparent));
}
:root[data-theme="light"] {
  --gradient-bg-home-signature: radial-gradient(circle at 9% -8%, color-mix(in srgb, #1049FF 28%, transparent), transparent 42%), radial-gradient(circle at 90% 0%, color-mix(in srgb, #FC471D 24%, transparent), transparent 38%), linear-gradient(150deg, color-mix(in srgb, #EBE8E1 18%, #fff) 0%, color-mix(in srgb, #EBE8E1 45%, #fff) 52%, color-mix(in srgb, #EBE8E1 70%, #fff) 100%);
  --gradient-surface-card: linear-gradient(145deg, #FFFFFF, color-mix(in srgb, #EBE8E1 70%, #fff));
}
}