/**
 * Jesus Empire / Grove — Brand Identity (Locked)
 * Source: DESIGN_SYSTEM.md · grove_django tokens.css
 *
 * Rule: Use ONLY these tokens for brand UI. Never invent accent colors.
 */

:root {
  --color-brand-chrome-gradient: linear-gradient(
    90deg,
    #0000ae 0%,
    #000085 30%,
    #00005b 55%,
    #000032 80%,
    #000008 100%
  );

  --color-button-primary-bg: #137f15;
  --color-button-primary-text: #ffffff;

  --color-text-heading: #13009a;
  --color-text-body: #1b1b1b;

  --color-surface-body: #f9fafb;
  --color-surface-raised: #ffffff;

  --color-text-on-chrome: #ffffff;
  --color-text-on-chrome-muted: rgba(255, 255, 255, 0.85);

  --font-size-hero: 3rem;
  --font-size-section: 2.25rem;
  --font-size-body: 1rem;
  --font-weight-heading: 700;
  --body-max-width: 720px;

  --radius-card: 1rem;
  --radius-btn: 0.75rem;
  --shadow-glass:
    0 4px 6px rgb(19 0 154 / 0.04),
    0 20px 48px rgb(19 0 154 / 0.1);
  --transition-smooth: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.brand-chrome {
  background: var(--color-brand-chrome-gradient);
  color: var(--color-text-on-chrome);
}

/* Night mode — overrides only. Light :root values above stay untouched. */
html.dark {
  color-scheme: dark;

  --color-text-heading: #e8eaf8;
  --color-text-body: #c8cad8;

  --color-surface-body: #0b0c14;
  --color-surface-raised: #151725;

  --color-text-on-chrome: #ffffff;
  --color-text-on-chrome-muted: rgba(255, 255, 255, 0.85);

  --shadow-glass:
    0 4px 6px rgb(0 0 0 / 0.25),
    0 20px 48px rgb(0 0 0 / 0.35);
}