@font-face {
    font-family: 'GmarketSans';
    src: url('/files/assets/fonts/GmarketSansTTFMedium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

:root {
    /* Brand Identity */
    --main-color: #2C5F2E;
    --on-main: #FFFFFF;

    --point-color: #A8D672;
    --on-point: #1a1a1a;

    --accent-color: #FF8A00;
    --on-accent: #FFFFFF;

    /* System & BG */
    --bg-color: #F4F4F4;
    --base-color: #FFFFFF;
    --text-color: #111111;
    --text-muted: #9CA3AF;

    /* Functional Colors */
    --color-sale: #EF4444;
    --color-best: #EAB308;
    --color-membership: #A855F7;
    --color-subscription: #3B82F6;
    --color-gift: #EC4899;

    /* Membership Gradients */
    --gradient-silver: linear-gradient(135deg, #9CA3AF, #6B7280);
    --gradient-gold: linear-gradient(135deg, #0D2F2D, #1A3A16);
    --gradient-platinum: linear-gradient(135deg, #1A1A1A, #333333);

    --header-height: 3.5rem;
    --tab-bar-height: 3.5rem;
    --mobile-page-padding-x: 0.5rem;
}

body {
    margin: 0;
    font-family: 'GmarketSans', sans-serif;
    background-color: var(--bg-color);
    color: var(--text-color);
}