:root {
    /* Typography */
    --font-primary: "Work Sans", sans-serif;

    /* Brand */
    --brand-gradient: linear-gradient(90deg, #ff3d81, #7b3cff);
    --primary: #3f6fff;
    --primary-dark: #2854d9;
    --primary-soft: #eef3ff;

    /* Neutral */
    --white: #ffffff;
    --black: #010610;
    --text: #17191c;
    --text-muted: #747982;
    --background: #ffffff;
    --background-soft: #f7f8fa;
    --border: #e7e9ed;

    /* Status */
    --success: #198754;
    --danger: #dc3545;
    --warning: #f59e0b;

    /* Layout */
    --content-width: 1440px;

    /* Radius */
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --radius-xl: 24px;

    /* Shadows */
    --shadow-sm: 0 2px 10px rgba(17, 17, 17, 0.05);
    --shadow-md: 0 10px 30px rgba(17, 17, 17, 0.08);

    /* Header */
    --header-height: 76px;
}