/*
============================================================
CompleteMenus Theme Variables
Restaurant Color Scheme
============================================================
/menus/css/theme.css
4TFIED Technologies Website Framework
Copyright © 2026 Benjamin Pendleton / 4TFIED Technologies
All Rights Reserved.
============================================================

Update this file when matching CompleteMenus to a restaurant website.
Layout files should use these variables instead of hard-coded theme colors.
============================================================
*/

:root {
    /* Core brand colors */
    --cm-bg: #f4efe7;
    --cm-panel: #ffffff;
    --cm-primary: #153d35;
    --cm-primary-light: #215247;
    --cm-primary-dark: #123f34;
    --cm-accent: #d8c4a4;
    --cm-accent-strong: #cdb48b;
    --cm-soft: #faf7f1;
    --cm-soft-warm: #efe2cf;
    --cm-border: #e6ded3;

    /* Text */
    --cm-text: #222222;
    --cm-text-dark: #111111;
    --cm-text-light: #ffffff;
    --cm-muted: #666666;

    /* Menu states */
    --cm-category-bg: var(--cm-primary);
    --cm-category-bg-hover: var(--cm-primary-light);
    --cm-category-text: var(--cm-text-light);
    --cm-item-bg: var(--cm-soft);
    --cm-item-bg-hover: var(--cm-soft-warm);
    --cm-item-text: var(--cm-text);

    /* Specials / status */
    --cm-special-bg: #fff5e5;
    --cm-special-bg-strong: #f7e4bf;
    --cm-special-text: #8a510f;
    --cm-warning: #b87818;
    --cm-danger: #b00020;
    --cm-danger-bg: #ffe8e8;
    --cm-danger-border: #d78a8a;
    --cm-success: #78b878;

    /* Admin / documentation */
    --cm-admin-bar-bg: var(--cm-text-dark);
    --cm-admin-bar-text: var(--cm-text-light);
    --cm-doc-sidebar-bg: #2f3f2f;
    --cm-doc-sidebar-text: var(--cm-text-light);

    /* Effects */
    --cm-shadow-light: 0 8px 18px rgba(0, 0, 0, 0.08);
    --cm-shadow: 0 12px 28px rgba(0, 0, 0, 0.10);
    --cm-shadow-heavy: 0 16px 40px rgba(0, 0, 0, 0.16);
    --cm-focus-ring: rgba(216, 196, 164, 0.28);
    --cm-special-ring: rgba(184, 120, 24, 0.35);
    --cm-special-ring-soft: rgba(184, 120, 24, 0.25);
    --cm-overlay-light: rgba(255, 255, 255, 0.72);
    --cm-doc-link-bg: rgba(255, 255, 255, 0.08);
    --cm-doc-link-bg-hover: rgba(255, 255, 255, 0.12);

    /* Structural tokens */
    --cm-radius: 18px;
    --cm-mobile-device-border: #000000;
}