/* Bite8 appearance tokens — generated from CMS */
:root {
    --bite8-orange: #f97316;
    --bite8-orange-hover: #e45e01;
    --bite8-orange-muted: #ffcc6f;
    --bite8-charcoal: #2d2d2d;
    --bite8-off-white: #faf8f5;
    --bite8-dark: #1a1a1a;
    --color-primary: #f97316;
    --color-primary-hover: #e45e01;
    --color-primary-muted: #ffcc6f;
    --color-accent: #fb923c;
    --color-bg: #faf8f5;
    --color-bg-elevated: #ffffff;
    --color-bg-muted: color-mix(in srgb, #faf8f5 85%, #2d2d2d);
    --color-bg-inverse: #2d2d2d;
    --color-text: #2d2d2d;
    --color-text-inverse: #faf8f5;
    --color-focus-ring: #f97316;
}

.dark {
    --color-bg: #1a1a1a;
    --color-bg-elevated: color-mix(in srgb, #1a1a1a 90%, #ffffff);
    --color-bg-muted: color-mix(in srgb, #1a1a1a 85%, #2d2d2d);
    --color-bg-inverse: #faf8f5;
    --color-text: #faf8f5;
    --color-text-inverse: #2d2d2d;
    --color-primary: #f97316;
    --color-primary-hover: #e45e01;
    --color-primary-muted: color-mix(in srgb, #f97316 60%, #1a1a1a);
    --color-accent: #fb923c;
    --color-focus-ring: #f97316;
}