:root {
  --color-brand: #ffffff;
  --color-on-brand: #111111;
  --color-on-primary: #ffffff;
  --color-bg: #ffffff;
  --color-surface: #ffffff;
  --color-text: #111111;
  --color-text-muted: #525252;
  --color-border: #d4d4d4;
  --color-primary: #171717;
  --color-primary-soft: #f5f5f5;
  --color-accent: #525252;
  --color-accent-soft: #fafafa;
  --color-link: #171717;
  --color-hero-fallback: #262626;
  --color-surface-muted: #f4f4f4;
  --color-create-bg: #111111;
  --brand-logo-filter: brightness(0);
  --color-fill: var(--color-primary);
  --color-on-fill: var(--color-on-primary, #fff);
  --calendar-event-chip-bg: var(--color-fill);
  --calendar-event-chip-text: var(--color-on-fill);
  --calendar-event-chip-border: color-mix(in srgb, var(--color-fill) 82%, #000);
}