:root {
    --font-ui: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    --primary: #c8893a;
    --primary-dark: #462907;
    --secondary-dark: #080807;
    --primary-light: #eeaa4b;
    --accent: #0d6efd;
    --accent-muted: #6c757d;
    --bg: #F3F3F9;
    --bg-page: #c8893a;
    --bg-surface: #f5f5f5;
    --bg-card: #ffffff;
    --border-solid: #CCC;

    --text-main: #222;
    --text-muted: #666;
    --font-size-small: 9px;
    --font-size-md: 13.5px;
    --font-size-lg: 14px;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 700;
    --font-weight-xbold: 900;
    --line-height-normal: 1.5;
    --line-height-heading: 40px;
    --spacing-sm: 0.05rem;
    --spacing-md: 0.5rem;
    --spacing-lg: 1rem;

    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 15px;
    --radius-xlg: 24px;

    --shadow-sm: 0 4px 8px rgba(0, 0, 0, 0.15);
    --shadow-md: 0 6px 16px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 10px 24px rgba(0, 0, 0, 0.12);
    --bg-rgba: rgba(255, 255, 255, 0.1);
    --border-rgba: rgba(255, 255, 255, 0.3);
    --white-rgba: rgba(255, 255, 255, 0.08);

    --image-crisp: crisp-edges;
}