.root {
    --bg-page: #fefaf5;

    --card-bg: #ffffff;

    --text-primary: #2b2b2b;

    --text-secondary: #5a4a3a;

    --accent: #c67b4b;

    --accent-light: #e7cfb5;

    --border-light: #f0e4d4;

    --shadow-color: rgba(0, 0, 0, 0.05);

    --shadow-hover-color: rgba(0, 0, 0, 0.1);

    --white: #ffffff;

    --transparent-accent-bg: rgba(198, 123, 75, 0.04);

    --font-xs: 0.85rem;

    --font-sm: 1rem;

    --font-md: 1.1rem;

    --font-lg: 1.2rem;

    --font-xl: 2rem;

    --font-xxl: 2.7rem;

    --font-weight-normal: 400;

    --font-weight-medium: 500;

    --font-weight-semibold: 590;

    --font-weight-bold: 600;
}