/* Shared palette and base styles. Change colours here, not in component styles. */
:root {
  color-scheme: dark;

  --color-bg: #0d1117;
  --color-surface: #161b22;
  --color-border: #30363d;
  --color-text: #e6edf3;
  --color-muted: #8b949e;
  --color-accent: #2f81f7;

  /* The brand: logo, current section, submenu hover. Never a person, a status or a button (docs/visual-design.md). */
  --color-brand: #ADFF2F;

  /* The three ducklings, left to right. Brand colours that never mean a person, so they are
     written out here, not taken from the member colours they happen to match (docs/visual-design.md). */
  --duckling-1: #FF8C00;
  --duckling-2: #00E5FF;
  --duckling-3: #FF0099;

  /* The Weather card's sun. Its yellow means the sun, never a person, so it is written out here
     apart from --member-yellow, which it happens to match (docs/visual-design.md, Panels). */
  --card-icon-sun: #FFE14D;

  --color-danger: #f85149;
  --color-success: #3fb950;

  /* Family member colours, one per member_colour value (FamilyMember.colours). */
  --member-mint: #6EE7B7;
  --member-pink: #FF0099;
  --member-cyan: #00E5FF;
  --member-tangerine: #FF8C00;
  --member-violet: #9F7AD6;
  --member-yellow: #FFE14D;
  --member-coral: #FF8080;

  /* Drop-off and pick-up caps without a family member (Normal Week). Undecided must stand out. */
  --journey-undecided: #d29922;
  --journey-neutral: #6e7681;

  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif;
  --radius: 6px;
  --gutter: 16px;
}

*, *::before, *::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  background: var(--color-bg);
  color: var(--color-text);
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.5;
}

a {
  color: var(--color-accent);
}

h1 {
  font-size: 1.75rem;
  margin: 0 0 1rem;
}