/* Swappable design tokens.
   Edit the --ds-* values to apply a brand. Everything else aliases them.
   Current values are neutral placeholders: gray steps, generic system
   fonts, and an empty logo slot. They are not a finished brand. */

:root {
  --ds-color-primary: #404040;
  --ds-color-on-primary: #fafafa;
  --ds-color-accent: #737373;
  --ds-color-on-accent: #fafafa;
  --ds-color-accent-warm: #a3a3a3;
  --ds-color-bg: #f5f5f5;
  --ds-color-bg-elevated: #ffffff;
  --ds-color-surface-muted: #e5e5e5;
  --ds-color-text: #171717;
  --ds-color-muted: #737373;
  --ds-color-border: #d4d4d4;
  --ds-color-border-strong: #a3a3a3;
  --ds-color-success: #525252;
  --ds-color-warning: #737373;
  --ds-color-danger: #404040;

  --ds-font-display: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --ds-font-body: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --ds-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* none = empty slot. Set url("...") when a logo file exists. */
  --ds-logo-mark: none;
  --ds-logo-wordmark: "arganan";

  --color-primary: var(--ds-color-primary);
  --color-on-primary: var(--ds-color-on-primary);
  --color-accent: var(--ds-color-accent);
  --color-on-accent: var(--ds-color-on-accent);
  --color-accent-warm: var(--ds-color-accent-warm);
  --color-bg: var(--ds-color-bg);
  --color-bg-elevated: var(--ds-color-bg-elevated);
  --color-surface-muted: var(--ds-color-surface-muted);
  --color-text: var(--ds-color-text);
  --color-muted: var(--ds-color-muted);
  --color-border: var(--ds-color-border);
  --color-border-strong: var(--ds-color-border-strong);
  --color-success: var(--ds-color-success);
  --color-warning: var(--ds-color-warning);
  --color-danger: var(--ds-color-danger);

  --font-display: var(--ds-font-display);
  --font-body: var(--ds-font-body);
  --font-mono: var(--ds-font-mono);

  --logo-mark: var(--ds-logo-mark);
  --logo-wordmark: var(--ds-logo-wordmark);

  --background: var(--ds-color-bg-elevated);
  --foreground: var(--ds-color-text);
  --primary: var(--ds-color-primary);
  --accent: var(--ds-color-accent);
}