:root {
    /* GiftDala brand palette — change brand colors here */
    --gd-primary: #C93664;
    --gd-secondary: #54233D;
    --gd-accent: #E6A84A;
    --gd-background: #FFF8F1;
    --gd-text: #29252A;

    /* Neutral and readable foreground colors */
    --gd-surface: #FFFFFF;
    --gd-on-primary: #FFFFFF;
    --gd-on-secondary: #FFFFFF;
    --gd-on-accent: var(--gd-text);

    /* Derived brand colors */
    --gd-primary-hover:
        color-mix(in srgb, var(--gd-primary) 85%, var(--gd-text));

    --gd-primary-soft:
        color-mix(in srgb, var(--gd-primary) 9%, var(--gd-surface));

    --gd-secondary-hover:
        color-mix(in srgb, var(--gd-secondary) 85%, var(--gd-text));

    --gd-accent-soft:
        color-mix(in srgb, var(--gd-accent) 20%, var(--gd-surface));

    --gd-muted:
        color-mix(in srgb, var(--gd-text) 75%, var(--gd-surface));

    --gd-border:
        color-mix(in srgb, var(--gd-secondary) 18%, var(--gd-surface));

    --gd-input-border:
        color-mix(in srgb, var(--gd-secondary) 50%, var(--gd-surface));

    --gd-surface-hover:
        color-mix(in srgb, var(--gd-secondary) 5%, var(--gd-surface));

    --gd-focus: var(--gd-secondary);

    /* Semantic colors — independent of the brand palette */
    --gd-success: #166534;
    --gd-success-bg: #ECFDF3;
    --gd-danger: #B42318;
    --gd-danger-bg: #FFF1F2;

    /* Shared shape and spacing */
    --gd-radius-sm: 8px;
    --gd-radius-md: 10px;
    --gd-radius-lg: 16px;
    --gd-sidebar-width: 240px;
    --gd-content-width: 1280px;
}