:root {
    /* Primary Accent - FlowWP Rose */
    --flowwp-color-accent: #E11D48;
    --flowwp-color-accent-dark: #BE123C;
    --flowwp-color-accent-light: #FFE4E6;
    --flowwp-color-accent-ring: rgba(225, 29, 72, 0.2);

    /* Text */
    --flowwp-color-text: #111827;
    --flowwp-color-text-muted: #6B7280;
    --flowwp-color-text-on-accent: #FFFFFF;

    /* Surfaces */
    --flowwp-color-background: #FFFFFF;
    --flowwp-color-background-alt: #F9FAFB;
    --flowwp-color-border: #E5E7EB;

    /* States */
    --flowwp-color-error: #DC2626;
    --flowwp-color-success: #16A34A;
    --flowwp-color-warning: #D97706;
    --flowwp-color-info: #2563EB;

    /* Radii */
    --flowwp-radius-sm: 6px;
    --flowwp-radius-md: 8px;
    --flowwp-radius-lg: 12px;
    --flowwp-radius-full: 9999px;

    /* Shadows */
    --flowwp-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --flowwp-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
    --flowwp-shadow-focus: 0 0 0 3px var(--flowwp-color-accent-ring);

    /* Typography */
    --flowwp-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --flowwp-font-size-base: 16px;
    --flowwp-line-height-base: 1.5;

    /* Spacing */
    --flowwp-space-xs: 4px;
    --flowwp-space-sm: 8px;
    --flowwp-space-md: 16px;
    --flowwp-space-lg: 24px;
    --flowwp-space-xl: 32px;
    --flowwp-space-2xl: 48px;
}