/* Grand Open application theme: neutral white chrome, black type, restrained brand accents.
   Marketing palette does not tint the application surfaces. */
:root {
  --background: #fbfbfb;
  --developer-note: #b000b0;
  --brand-door-image: url("/grandopen-logo.png");
  --foreground: #000000;
  --card: #ffffff;
  --card-foreground: #000000;
  --popover: #ffffff;
  --popover-foreground: #000000;
  --primary: #202020;
  --primary-foreground: #ffffff;
  --secondary: #f4f4f4;
  --secondary-foreground: #000000;
  --muted: #f3f3f3;
  --muted-foreground: #707070;
  --accent: #f3f3f3;
  --accent-foreground: #202020;
  --destructive: #a12a1f;
  --border: #e5e5e5;
  --input: #dedede;
  --ring: #1f3a2e;
  --chart-1: #1f3a2e;
  --chart-2: #4d7a62;
  --chart-3: #8fb5a0;
  --chart-4: #5b5f5c;
  --chart-5: #000000;
  --radius: 0.5rem;
  --brand-font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --brand-font-display: var(--brand-font-body);
  --brand-font-mono: var(--font-mono-caption);
  --brand-heading-weight: 700;
  --brand-caption-spacing: 0;
  --brand-caption-transform: none;
  --sidebar: #fbfbfb;
  --sidebar-foreground: #000000;
  --sidebar-primary: #f1f1f1;
  --sidebar-primary-foreground: #202020;
  --sidebar-accent: #f3f3f3;
  --sidebar-accent-foreground: #202020;
  --sidebar-border: #e5e5e5;
  --sidebar-ring: #1f3a2e;
  --tone-positive: #1f6b43;
  --tone-positive-bg: #e6f2eb;
  --tone-attention: #8a5a00;
  --tone-attention-bg: #fbf1dc;
  --tone-negative: #a12a1f;
  --tone-negative-bg: #fbe7e4;
  --tone-muted: #707070;
  --tone-muted-bg: #f3f3f3;
}

:root[data-theme="dark"] {
  --developer-note: #ff80ff;
  --background: #0b0d0c;
  --foreground: #f3f3ef;
  --card: #141816;
  --card-foreground: #f3f3ef;
  --popover: #141816;
  --popover-foreground: #f3f3ef;
  --primary: #8fc2a6;
  --primary-foreground: #0b0d0c;
  --secondary: #1d2220;
  --secondary-foreground: #f3f3ef;
  --muted: #1d2220;
  --muted-foreground: #a3a8a4;
  --accent: #1c2a23;
  --accent-foreground: #8fc2a6;
  --destructive: #f29a8f;
  --border: #2a302d;
  --input: #343b37;
  --ring: #8fc2a6;
  --sidebar: #101311;
  --sidebar-foreground: #f3f3ef;
  --sidebar-primary: #8fc2a6;
  --sidebar-primary-foreground: #0b0d0c;
  --sidebar-accent: #1c2a23;
  --sidebar-accent-foreground: #8fc2a6;
  --sidebar-border: #2a302d;
  --sidebar-ring: #8fc2a6;
  --tone-positive: #8fd4ad;
  --tone-positive-bg: #15291e;
  --tone-attention: #f0c36b;
  --tone-attention-bg: #2e2412;
  --tone-negative: #f29a8f;
  --tone-negative-bg: #321916;
  --tone-muted: #a3a8a4;
  --tone-muted-bg: #1d2220;
}