:root {
    /* Fonts */
    --font-primary: 'Stack Sans Text', sans-serif;

    /* Primary Accents */
    --color-primary: #4D301B;
    --color-secondary: #755034;
    --color-accent: #8a3324;
    --color-accent-rgb: 138, 51, 36;
    --color-highlight-bg: #E8D3B9;
    --color-highlight-text: #362213;

    /* Backgrounds and Surfaces */
    --color-surface-main: #F4ECE4;
    --color-surface-outer: #EAE0D5;
    --color-surface-focus: #FDFBFA;
    --color-surface-subtle: #DFD1C4;
    --color-white: #FFFFFF;
    --color-gradient-end: #F8F4EE;

    /* Text and Icons */
    --color-text-primary: #24160C;
    --color-icon-secondary: #5A3E2A;
    --color-text-placeholder: #9A8373;

    /* Borders and Dividers */
    --color-border-standard: #D1C2B5;
    --color-border-dashed: #C6B6A7;
    --color-border-light: #EBE1D8;

    /* Shadows and Grayscale */
    --color-black: #000000;
    --color-gray-dark: #1A120B;
    --color-gray-medium: #4A3A2F;
}
/* Theme Override */

        body, .cafe-name, h1, h2, h3, h4, h5, h6, input, button, select, textarea {
            font-family: Georgia, serif !important;
        }
        :root {
            --color-primary: #4D2C12;
            --color-secondary: #4D2C12;
            --color-accent: #4D2C12;
            --color-accent-rgb: 77, 44, 18;
            --color-highlight-bg: #E7DECE;
            --color-highlight-text: #4D2C12;
            --color-surface-main: #D8CDB6;
            --color-surface-outer: #E7DECE;
            --color-surface-focus: #F2EFE9;
            --color-surface-subtle: #D8CDB6;
            --color-white: #FFFFFF;
            --color-gradient-end: #D8CDB6;
            --color-text-primary: #332418;
            --color-icon-secondary: #4D2C12;
            --color-text-placeholder: #8C7A6B;
            --color-border-standard: #4D2C12;
            --color-border-dashed: #4D2C12;
            --color-border-light: #C4B69E;
        }
        
        .section-title .line {
            background: #4D2C12;
            opacity: 1;
        }
        .menu-item-dots {
            border-bottom: 2px dotted rgba(77, 44, 18, 0.4);
        }
        
        /* Restore original Instagram card gradient */
        .instagram-card-new {
            background: linear-gradient(180deg, #FFFFFF 0%, #F8F4EE 100%);
        }
        
        /* Footer adjustments */
        .app-footer {
            background-color: #4D2C12;
            border-top-left-radius: 32px;
            border-top-right-radius: 32px;
            padding-bottom: 40px;
        }
        .app-footer h3, .app-footer p, .app-footer .footer-logo, .app-footer .footer-bottom {
            color: #FFFFFF;
        }
        .app-footer .footer-bottom {
            border-top: 1px solid rgba(255, 255, 255, 0.1);
        }
        .app-footer .footer-logo i {
            width: 48px;
            height: 48px;
            opacity: 0.9;
        }