/*
 * Default theme. The token values live in _tokens.css on :root so the
 * app is fully styled with no party attached. This block re-declares
 * them under the explicit selector so `data-theme="default"` behaves
 * identically to a real theme file and serves as the copy-me template
 * for new themes (e.g. dcc.css, gatsby.css) in later phases.
 */

[data-theme="default"] {
  --color-bg: #faf9f7;
  --color-surface: #ffffff;
  --color-text: #1c1b1a;
  --color-text-muted: #5c5955;
  --color-accent: #7c3aed;
  --color-accent-contrast: #ffffff;
  --color-border: #e3e0db;
  --color-success: #15803d;
  --color-danger: #b91c1c;

  --font-display: "Kabel", "Futura", "Century Gothic", sans-serif;
  --font-body: "Klavika", "Kabel", "Futura", "Century Gothic", sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", "Menlo", monospace;

  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;

  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.06);

  --texture-bg: none;
}