:root {
  --color-accent: #36D399;
  --color-bg: #0A0A0A;
  --color-border-strong: rgba(16, 185, 129, 0.55);
  --color-border: rgba(255, 255, 255, 0.14);
  --color-on-primary-fill: #021710;
  --color-on-primary: #021710;
  --color-overlay-soft: rgba(0, 0, 0, 0.20);
  --color-overlay-strong: rgba(0, 0, 0, 0.40);
  --color-primary-hover: #12D595;
  --color-primary: #10B981;
  --color-secondary: #8B5CF6;
  --color-surface-1: #141414;
  --color-surface-2: #1D1D1D;
  --color-text-muted: #989898;
  --color-text-primary: #FFFFFF;
  --color-text-secondary: #D3D3D3;
  --gradient-action-fill-hover: linear-gradient(140deg, #28c08e, #2ad9a0);
  --gradient-action-fill: linear-gradient(140deg, #10b981, #12d595);
  --gradient-action-primary: linear-gradient(140deg, #10B981, #12D595);
}
:root[data-theme="light"] {
  --color-accent: #1C825C;
  --color-bg: #F9F9F9;
  --color-border-strong: rgba(14, 164, 114, 0.45);
  --color-border: rgba(0, 0, 0, 0.12);
  --color-on-primary-fill: #1A1A1A;
  --color-on-primary: #1A1A1A;
  --color-overlay-soft: rgba(26, 26, 26, 0.05);
  --color-overlay-strong: rgba(26, 26, 26, 0.20);
  --color-primary-hover: #11CA8C;
  --color-primary: #0EA472;
  --color-secondary: #8B5CF6;
  --color-surface-1: #FFFFFF;
  --color-surface-2: #EEEEEE;
  --color-text-muted: #6C6C6C;
  --color-text-primary: #1A1A1A;
  --color-text-secondary: #474747;
  --gradient-action-fill-hover: linear-gradient(140deg, #26ad80, #29cf98);
  --gradient-action-fill: linear-gradient(140deg, #0ea472, #11ca8c);
  --gradient-action-primary: linear-gradient(140deg, #0EA472, #11CA8C);
}
@supports (color: color-mix(in srgb, red, blue)) {
:root {
  --gradient-bg-home-signature: radial-gradient(circle at 8% -4%, color-mix(in srgb, #10B981 34%, transparent), transparent 34%), radial-gradient(circle at 92% 2%, color-mix(in srgb, #8B5CF6 28%, transparent), transparent 32%), radial-gradient(circle at 72% 82%, color-mix(in srgb, #10B981 18%, transparent), transparent 30%), linear-gradient(150deg, color-mix(in srgb, #0A0A0A 58%, #000) 0%, #0A0A0A 52%, color-mix(in srgb, #0A0A0A 33%, #000) 100%);
  --gradient-surface-card: linear-gradient(145deg, color-mix(in srgb, color-mix(in srgb, #141414 90%, #000) 92%, transparent), color-mix(in srgb, #0A0A0A 88%, transparent));
}
:root[data-theme="light"] {
  --gradient-bg-home-signature: radial-gradient(circle at 9% -8%, color-mix(in srgb, #0EA472 28%, transparent), transparent 42%), radial-gradient(circle at 90% 0%, color-mix(in srgb, #8B5CF6 24%, transparent), transparent 38%), linear-gradient(150deg, color-mix(in srgb, #EEEEEE 18%, #fff) 0%, color-mix(in srgb, #EEEEEE 45%, #fff) 52%, color-mix(in srgb, #EEEEEE 70%, #fff) 100%);
  --gradient-surface-card: linear-gradient(145deg, #FFFFFF, color-mix(in srgb, #EEEEEE 70%, #fff));
}
}