:root {
    --wp-primary: #0f766e;
    --wp-primary-hover: color-mix(in srgb, #0f766e 85%, black);
    --wp-primary-light: color-mix(in srgb, #0f766e 60%, white);
    --wp-primary-lighter: color-mix(in srgb, #0f766e 12%, white);
    --wp-primary-pale: color-mix(in srgb, #0f766e 5%, white);
    --wp-primary-ghost: color-mix(in srgb, #0f766e 8%, transparent);
    --wp-primary-ring: color-mix(in srgb, #0f766e 25%, transparent);
    --wp-accent: #f59e0b;
    --wp-accent-hover: color-mix(in srgb, #f59e0b 85%, black);
    --wp-accent-light: color-mix(in srgb, #f59e0b 15%, white);
    --wp-accent-ghost: color-mix(in srgb, #f59e0b 10%, transparent);
    --wp-bg-sidebar: #0f766e;
}


[data-theme="dark"] {
    
    --wp-primary-text: color-mix(in srgb, #0f766e 70%, white);
    --wp-primary-hover: color-mix(in srgb, #0f766e 70%, white);
    --wp-primary-light: color-mix(in srgb, #0f766e 70%, white);
    --wp-primary-lighter: color-mix(in srgb, #0f766e 22%, black);
    --wp-primary-pale: color-mix(in srgb, #0f766e 10%, black);
    --wp-primary-ghost: color-mix(in srgb, #0f766e 14%, transparent);
    --wp-primary-ring: color-mix(in srgb, #0f766e 35%, transparent);
    --wp-accent-light: color-mix(in srgb, #f59e0b 20%, black);
    --wp-accent-ghost: color-mix(in srgb, #f59e0b 14%, transparent);
}