/* SPDX-License-Identifier: AGPL-3.0-only */

/* ═══════════════════════════════════════════════════════════════════
   BRAND: GravityPress — Clean Literary Bookshop
   Home mode: Parchment (warm white, gold accents, ink text)
   "Where words become books"
   ═══════════════════════════════════════════════════════════════════ */

/* ── Parchment (Home / Default) ──────────────────────────────────── */
:root,
[data-theme="parchment"] {
  --brand-bg: #faf8f5;
  --brand-bg-rgb: 250, 248, 245;
  --brand-text: #1a1a1a;
  --brand-text-secondary: #4a4a4a;
  --brand-text-tertiary: #7a7a7a;
  --brand-text-muted: var(--brand-text-tertiary);

  --brand-accent: hsl(45, 55%, 52%);
  --brand-accent-hover: hsl(45, 55%, 44%);
  --brand-accent-text: #1a1a1a;
  --brand-accent-subtle: hsla(45, 55%, 52%, 0.12);
  --brand-accent-ink: hsl(45, 80%, 24%);
  --brand-accent-rgb: 189, 163, 72;

  --brand-surface: #ffffff;
  --brand-panel-bg: #ffffff;
  --brand-panel-bg-rgb: 255, 255, 255;
  --brand-border: #e0dcd5;
  --brand-border-subtle: #edeae4;
  --brand-hover: rgba(189, 163, 72, 0.08);
  --brand-code-bg: #f5f3ef;
  --brand-quote-bg: #f5f3ef;

  --brand-input-bg: #ffffff;
  --brand-input-border: var(--brand-border);
  --brand-input-focus-border: var(--brand-accent);

  /* GravityPress specific: price/commerce */
  --price-color: hsl(145, 50%, 35%);
  --price-strike: var(--brand-text-tertiary);

  color-scheme: light;
}

/* ── Light ────────────────────────────────────────────────────────── */
[data-theme="light"] {
  --brand-bg: #ffffff;
  --brand-bg-rgb: 255, 255, 255;
  --brand-text: #111111;
  --brand-text-secondary: #444444;
  --brand-text-tertiary: #888888;
  --brand-text-muted: var(--brand-text-tertiary);

  --brand-accent: hsl(45, 60%, 48%);
  --brand-accent-hover: hsl(45, 60%, 40%);
  --brand-accent-text: #111111;
  --brand-accent-subtle: hsla(45, 60%, 48%, 0.1);
  --brand-accent-ink: hsl(45, 85%, 22%);
  --brand-accent-rgb: 196, 163, 49;

  --brand-surface: #fafafa;
  --brand-panel-bg: #ffffff;
  --brand-panel-bg-rgb: 255, 255, 255;
  --brand-border: #e5e5e5;
  --brand-border-subtle: #f0f0f0;
  --brand-hover: rgba(0, 0, 0, 0.04);
  --brand-code-bg: #f8f8f8;
  --brand-quote-bg: #f8f8f8;

  --brand-input-bg: #ffffff;
  --brand-input-border: var(--brand-border);
  --brand-input-focus-border: var(--brand-accent);

  --price-color: hsl(145, 50%, 35%);
  --price-strike: var(--brand-text-tertiary);

  color-scheme: light;
}

/* ── Dark ─────────────────────────────────────────────────────────── */
[data-theme="dark"] {
  --brand-bg: #111111;
  --brand-bg-rgb: 17, 17, 17;
  --brand-text: #ececec;
  --brand-text-secondary: #a0a0a0;
  --brand-text-tertiary: #666666;
  --brand-text-muted: var(--brand-text-tertiary);

  --brand-accent: hsl(45, 50%, 42%);
  --brand-accent-hover: hsl(45, 50%, 50%);
  --brand-accent-text: #111111;
  --brand-accent-subtle: hsla(45, 50%, 42%, 0.15);
  --brand-accent-ink: hsl(45, 60%, 60%);
  --brand-accent-rgb: 161, 138, 54;

  --brand-surface: #1a1a1a;
  --brand-panel-bg: #141414;
  --brand-panel-bg-rgb: 20, 20, 20;
  --brand-border: #2a2a2a;
  --brand-border-subtle: #222222;
  --brand-hover: rgba(255, 255, 255, 0.06);
  --brand-code-bg: #1a1a1a;
  --brand-quote-bg: #1a1a1a;

  --brand-input-bg: var(--brand-surface);
  --brand-input-border: var(--brand-border);
  --brand-input-focus-border: var(--brand-accent);

  --price-color: hsl(145, 45%, 45%);
  --price-strike: var(--brand-text-tertiary);

  color-scheme: dark;
}