:root {
  --color-accent: #FEF08A;
  --color-bg: #111111;
  --color-border-strong: rgba(103, 103, 103, 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: #767676;
  --color-primary: #676767;
  --color-secondary: #65676A;
  --color-surface-1: #1B1B1B;
  --color-surface-2: #242424;
  --color-text-muted: #9B9B9B;
  --color-text-primary: #FFFFFF;
  --color-text-secondary: #D4D4D4;
  --gradient-action-fill-hover: linear-gradient(140deg, #5d5d5d, #6a6a6a);
  --gradient-action-fill: linear-gradient(140deg, #676767, #767676);
  --gradient-action-primary: linear-gradient(140deg, #676767, #767676);
}
:root[data-theme="light"] {
  --color-accent: #7E6F01;
  --color-bg: #F2F2F2;
  --color-border-strong: rgba(0, 0, 0, 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: #000000;
  --color-primary: #000000;
  --color-secondary: #2D2E2F;
  --color-surface-1: #FFFFFF;
  --color-surface-2: #E6E6E6;
  --color-text-muted: #676767;
  --color-text-primary: #000000;
  --color-text-secondary: #303030;
  --gradient-action-fill-hover: linear-gradient(140deg, #000000, #000000);
  --gradient-action-fill: linear-gradient(140deg, #000000, #000000);
  --gradient-action-primary: linear-gradient(140deg, #000000, #000000);
}
@supports (color: color-mix(in srgb, red, blue)) {
:root {
  --gradient-bg-home-signature: radial-gradient(circle at 8% -4%, color-mix(in srgb, #676767 34%, transparent), transparent 34%), radial-gradient(circle at 92% 2%, color-mix(in srgb, #65676A 28%, transparent), transparent 32%), radial-gradient(circle at 72% 82%, color-mix(in srgb, #676767 18%, transparent), transparent 30%), linear-gradient(150deg, color-mix(in srgb, #111111 58%, #000) 0%, #111111 52%, color-mix(in srgb, #111111 33%, #000) 100%);
  --gradient-surface-card: linear-gradient(145deg, color-mix(in srgb, color-mix(in srgb, #1B1B1B 90%, #000) 92%, transparent), color-mix(in srgb, #111111 88%, transparent));
}
:root[data-theme="light"] {
  --gradient-bg-home-signature: radial-gradient(circle at 9% -8%, color-mix(in srgb, #000000 28%, transparent), transparent 42%), radial-gradient(circle at 90% 0%, color-mix(in srgb, #2D2E2F 24%, transparent), transparent 38%), linear-gradient(150deg, color-mix(in srgb, #E6E6E6 18%, #fff) 0%, color-mix(in srgb, #E6E6E6 45%, #fff) 52%, color-mix(in srgb, #E6E6E6 70%, #fff) 100%);
  --gradient-surface-card: linear-gradient(145deg, #FFFFFF, color-mix(in srgb, #E6E6E6 70%, #fff));
}
}