:root {
  --glass-dark-sheen: linear-gradient(180deg, rgba(255,255,255,0.10), rgba(255,255,255,0.03) 45%, rgba(255,255,255,0.05));
  --glass-dark-tint: rgba(14,14,14,0.55);
  --glass-dark-border: rgba(255,255,255,0.16);
  --glass-dark-border-hover: rgba(255,255,255,0.4);
  --glass-dark-shadow: 0 20px 60px rgba(0,0,0,0.55), inset 0 1px 0 rgba(255,255,255,0.12);

  --glass-dark-pill-sheen: linear-gradient(180deg, rgba(255,255,255,0.14), rgba(255,255,255,0.04) 55%, rgba(255,255,255,0.07));
  --glass-dark-pill-border: rgba(255,255,255,0.18);
  --glass-dark-pill-shadow: 0 6px 16px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.14);

  --glass-dark-bubble-sheen: linear-gradient(180deg, rgba(255,255,255,0.24), rgba(255,255,255,0.08));
  --glass-dark-bubble-border: rgba(255,255,255,0.3);
  --glass-dark-bubble-shadow: inset 0 1px 0 rgba(255,255,255,0.25);

  --glass-dark-field-border: rgba(255,255,255,0.35);
  --glass-dark-field-border-focus: rgba(255,255,255,0.7);
  --glass-dark-field-ring: 0 0 0 3px rgba(255,255,255,0.08);

  --glass-dark-cutout: rgba(255,255,255,0.045);

  --glass-blur: blur(28px) saturate(160%);

  --glass-photo-sheen: linear-gradient(180deg, rgba(255,255,255,0.22), rgba(255,255,255,0.06) 55%, rgba(255,255,255,0.12));
  --glass-photo-tint: rgba(255,255,255,0.08);
  --glass-photo-shade: rgba(0,0,0,0.45);
  --glass-photo-blur: blur(14px) saturate(160%);
  --glass-photo-border: rgba(255,255,255,0.4);
  --glass-photo-shadow: 0 8px 24px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.35);
}

:root,
.kc-glass-dark {
  --glass-sheen: var(--glass-dark-sheen);
  --glass-tint: var(--glass-dark-tint);
  --glass-border: var(--glass-dark-border);
  --glass-border-hover: var(--glass-dark-border-hover);
  --glass-shadow: var(--glass-dark-shadow);

  --glass-pill-sheen: var(--glass-dark-pill-sheen);
  --glass-pill-border: var(--glass-dark-pill-border);
  --glass-pill-shadow: var(--glass-dark-pill-shadow);

  --glass-bubble-sheen: var(--glass-dark-bubble-sheen);
  --glass-bubble-border: var(--glass-dark-bubble-border);
  --glass-bubble-shadow: var(--glass-dark-bubble-shadow);

  --glass-field-border: var(--glass-dark-field-border);
  --glass-field-border-focus: var(--glass-dark-field-border-focus);
  --glass-field-ring: var(--glass-dark-field-ring);

  --glass-cutout: var(--glass-dark-cutout);
}

html[data-theme="light"] {
  --glass-sheen: linear-gradient(180deg, rgba(255,255,255,0.85), rgba(255,255,255,0.55) 45%, rgba(255,255,255,0.65));
  --glass-tint: rgba(255,255,255,0.5);
  --glass-border: rgba(0,0,0,0.08);
  --glass-border-hover: rgba(0,0,0,0.3);
  --glass-shadow: 0 20px 60px rgba(0,0,0,0.12), inset 0 1px 0 rgba(255,255,255,0.9);

  --glass-pill-sheen: linear-gradient(180deg, rgba(255,255,255,0.95), rgba(255,255,255,0.7) 55%, rgba(255,255,255,0.85));
  --glass-pill-border: rgba(0,0,0,0.12);
  --glass-pill-shadow: 0 6px 16px rgba(0,0,0,0.08), inset 0 1px 0 rgba(255,255,255,0.9);

  --glass-bubble-sheen: linear-gradient(180deg, rgba(255,255,255,1), rgba(255,255,255,0.75));
  --glass-bubble-border: rgba(0,0,0,0.15);
  --glass-bubble-shadow: 0 2px 6px rgba(0,0,0,0.08), inset 0 1px 0 rgba(255,255,255,0.9);

  --glass-field-border: rgba(0,0,0,0.18);
  --glass-field-border-focus: rgba(0,0,0,0.45);
  --glass-field-ring: 0 0 0 3px rgba(0,0,0,0.06);

  --glass-cutout: rgba(255,255,255,0);
}