/**
 * Custom Canvas Brand Tokens
 *
 * Override the parent theme's CSS custom properties to match the Custom Canvas brand.
 * Tailwind variables (--color-*) control utility classes in Blade views.
 * WordPress preset variables (--wp--preset--color--*) control block editor colors.
 * Both must be set to keep the two systems in sync.
 */
:root {
    --font-sans: 'Montserrat', ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

    --color-primary: #303838;
    --color-secondary: #3F3F46;
    --color-accent: #dd9933;
    --color-content: #303838;
    --color-white: #ffffff;
    --color-border: #a3a3a3;
    --color-muted: #737373;
}