/**
 * parosh — Restaurant brand palette
 * Warm hearth tones (walnut, saffron, sage) — distinct from generic red+navy SaaS UI
 */
:root {
    --po-espresso: #2A2118;
    --po-walnut: #4A3728;
    --po-walnut-mid: #5C4536;
    --po-walnut-light: #6B5344;
    --po-terracotta: #B85C38;
    --po-terracotta-light: #D4844A;
    --po-saffron: #C4893A;
    --po-saffron-dark: #A06F2A;
    --po-saffron-light: #F3E8D4;
    --po-sage: #5A7D6A;
    --po-sage-light: #E8F0EB;
    --po-parchment: #F7F2E8;
    --po-cream: #FFFBF4;
    --po-ink: #1E1812;
    --po-ink-soft: #5C5348;
    --po-line: rgba(42, 33, 24, 0.1);

    /* App shell */
    --pp-brand: #4A3728;
    --pp-brand-dark: #2A2118;
    --pp-brand-mid: #5C4536;
    --pp-brand-light: #F3E8D4;
    --pp-accent: #C4893A;
    --pp-accent-dark: #A06F2A;
    --pp-red: var(--pp-brand);
    --pp-red-dark: var(--pp-brand-dark);
    --pp-red-light: var(--pp-brand-light);
    --pp-body-bg: #F0EBE3;
    --pp-nav-bg: #FFFBF4;

    /* main.css compatibility */
    --primary: var(--po-terracotta);
    --primary-dark: #9A4A2E;
    --primary-light: var(--po-terracotta-light);
    --navy: var(--po-espresso);
    --navy-light: var(--po-walnut);
    --navy-muted: var(--po-walnut-mid);
    --secondary: var(--po-espresso);
    --secondary-light: var(--po-walnut);
    --gradient-hero: linear-gradient(155deg, #2A2118 0%, #4A3728 48%, #5C4536 100%);
    --gradient-cta: linear-gradient(135deg, #B85C38 0%, #C4893A 100%);
}