:root[data-template="daffodil"] {
  --neutral-000: #ffffff;
  --neutral-100: #e9eaf2;
  --neutral-300: #d4d4d4;
  --neutral-500: #676b81;
  --neutral-600: #666666;
  --neutral-700: #777777;
  --neutral-900: #262626;
  --shadow-900-15: rgba(38, 38, 38, 0.15);
  --blue-100: #d0e0ff;
  --blue-500: #0055ff;

  --color-background: var(--neutral-000);
  --color-border: var(--neutral-100);
  --color-border-accent: var(--blue-100);
  --color-heading: var(--neutral-900);
  --color-body: var(--neutral-900);
  --color-body-secondary: var(--neutral-600);
  --color-legal-text: var(--neutral-700);
  --color-subtle: var(--neutral-500);
  --color-primary: var(--blue-500);
  --color-primary-foreground: var(--neutral-000);

  --color-header-background: var(--neutral-000);
  --color-header-text: var(--neutral-900);
  --color-header-shadow: var(--shadow-900-15);
  --color-header-control-background: var(--neutral-900);
  --color-header-control-icon: var(--neutral-000);

  --color-footer-background: var(--neutral-100);
  --color-footer-text: var(--neutral-900);

  --container-max-width: 1440px;

  --font-heading: system-ui, sans-serif;
  --font-body: var(--font-onest);
  --font-label: var(--font-bounded);
}