:root {

    /* Primary */
    --primary: #0F766E;
    --primary-light: #14B8A6;

    /* Status */
    --success: #22C55E;
    --warning: #F59E0B;
    --danger: #EF4444;
    --info: #3B82F6;

    /* Neutrals */
    --white: #FFFFFF;
    --background: #F8FAFC;
    --surface: #FFFFFF;

    --gray-100: #F1F5F9;
    --gray-200: #E2E8F0;
    --gray-400: #94A3B8;
    --gray-700: #334155;
    --gray-900: #0F172A;

    /* Radius */
    --radius: 10px;

    /* Shadow */
    --shadow: 0 4px 15px rgba(0,0,0,.08);

    /* Spacing */
    --space-sm: .5rem;
    --space-md: 1rem;
    --space-lg: 2rem;

    /* Transition */
    --transition: .3s ease;
}