:root {
    --font-family-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    --font-family-mono: 'Courier New', monospace;
    --font-family-icon: 'MARSO';

    --color-white: #ffffff;

    --color-primary: #DC2F33;
    --color-primary-alpha: rgba(220, 47, 51, 0.3);

    --color-gray: #E1E1E1;
    --color-gray-dark: #929292;
    --color-gray-darker: #4A4A4A;
    --color-gray-darkest: #2A2A2A;
    --color-gray-light: #C5C5C5;

    --color-red: #DC2F33;
    --color-red-light: #e3595c;
    --color-red-dark: #b71f22;

    --color-green: #55AC4E;
    --color-green-light: #74be6f;
    --color-green-dark: #43893e;

    --color-blue: #4552A2;
    --color-blue-light: #5e6aba;
    --color-blue-dark: #363f7d;

    --color-peach: #EC4E1C;
    --color-peach-light: #f0724c;
    --color-peach-dark: #c63b10;

    --color-orange: #ffc107;
    --color-orange-light: #ffcd38;
    --color-orange-dark: #d19d00;

    --color-primary-shadow-10: rgba(220, 47, 51, 0.1);
    --color-primary-shadow-20: rgba(220, 47, 51, 0.2);
    --color-primary-shadow-30: rgba(220, 47, 51, 0.3);
    --color-black-15: rgba(0, 0, 0, 0.15);
    --color-black-30: rgba(0, 0, 0, 0.3);
    --color-black-60: rgba(0, 0, 0, 0.6);
    --color-black-90: rgba(0, 0, 0, 0.9);
    --color-white-10: rgba(255, 255, 255, 0.1);
    --color-white-20: rgba(255, 255, 255, 0.2);
    --color-white-30: rgba(255, 255, 255, 0.3);

    --color-primary: var(--color-red);
    --color-primary-dark: var(--color-red-dark);
    --color-primary-alpha: rgba(220, 47, 51, 0.3);
    --color-success: var(--color-green);
    --color-warning: var(--color-orange);

    --color-text: var(--color-gray-darker);
    --color-text-secondary: var(--color-gray-dark);
    --color-text-muted: var(--color-gray-dark);
    --color-border: var(--color-gray);
    --color-border-soft: var(--color-gray-light);
    --color-bg-light: #f5f5f5;
    --color-bg-lighter: #f0f0f0;
    --color-bg-white: var(--color-white);
    --color-bg-card: #f9f9f9;

    --color-info: var(--color-blue);

    --color-success-bg: var(--color-green);
    --color-success-text: var(--color-white);
    --color-error-bg: var(--color-red);
    --color-error-text: var(--color-white);
    --color-info-bg: var(--color-blue);
    --color-info-text: var(--color-white);

    --font-base: 1rem;
    --font-sm: 0.95rem;
    --font-lg: 1.8rem;

    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;

    --spacing-section: 20px 30px;

    --btn-radius: 8px;
    --btn-padding-y: 12px;
    --btn-padding-x: 24px;
    --btn-sm-padding-y: 10px;
    --btn-sm-padding-x: 14px;
    --btn-font-size: 1rem;
    --btn-sm-font-size: 0.9rem;
    --btn-font-weight: 600;

    --transition-base: 0.3s ease;

    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
}