/**
 * Pufaan Brand foundation — single source of truth.
 * Sourced from the Brand Kit (Swiss · Minimal · Luxury · Natural).
 *
 * All product surfaces map semantic tokens in tokens.css to these values.
 * Brand Kit --bk-* aliases also resolve here so both stacks stay in sync.
 */

:root {
  /* Brand core */
  --brand-bg: #f6f4ef;
  --brand-bg-elevated: #fffcf7;
  --brand-bg-muted: #ebe7df;
  --brand-primary: #1e3a2f;
  --brand-primary-hover: #163029;
  --brand-primary-active: #0f241c;
  --brand-on-primary: #ffffff;
  --brand-secondary: #a17f5a;
  --brand-secondary-soft: rgba(161, 127, 90, 0.14);
  --brand-text: #1a1a1a;
  --brand-text-muted: #5c5a55;
  --brand-text-faint: #8a8680;
  --brand-border: rgba(26, 26, 26, 0.08);
  --brand-border-strong: rgba(26, 26, 26, 0.16);
  --brand-radius: 20px;
  --brand-radius-sm: 12px;
  --brand-shadow: 0 1px 2px rgba(26, 26, 26, 0.04),
    0 12px 32px rgba(30, 58, 47, 0.06);
  --brand-shadow-hover: 0 2px 4px rgba(26, 26, 26, 0.05),
    0 18px 40px rgba(30, 58, 47, 0.1);
  --brand-focus: 0 0 0 2px var(--brand-bg), 0 0 0 4px var(--brand-primary);
  --brand-max: 1200px;

  /* Brand Kit aliases (do not redesign Brand Kit — map to the same foundation) */
  --bk-bg: var(--brand-bg);
  --bk-bg-elevated: var(--brand-bg-elevated);
  --bk-bg-muted: var(--brand-bg-muted);
  --bk-primary: var(--brand-primary);
  --bk-primary-hover: var(--brand-primary-hover);
  --bk-secondary: var(--brand-secondary);
  --bk-secondary-soft: var(--brand-secondary-soft);
  --bk-text: var(--brand-text);
  --bk-text-muted: var(--brand-text-muted);
  --bk-text-faint: var(--brand-text-faint);
  --bk-border: var(--brand-border);
  --bk-border-strong: var(--brand-border-strong);
  --bk-radius: var(--brand-radius);
  --bk-radius-sm: var(--brand-radius-sm);
  --bk-shadow: var(--brand-shadow);
  --bk-shadow-hover: var(--brand-shadow-hover);
  --bk-focus: var(--brand-focus);
  --bk-max: var(--brand-max);
  --bk-font-display: var(--font-display, "Space Grotesk", system-ui, sans-serif);
  --bk-font-body: var(--font-body, Inter, system-ui, sans-serif);
  --bk-gutter: var(--gutter, clamp(1.25rem, 4vw, 2.5rem));
}