:root {
    /*
     * B9 Website Core
     * Public Web base theme tokens.
     *
     * These are safe default values for the B9Web base theme.
     * Theme Runtime may override these values through controlled
     * Global Theme configuration.
     *
     * Keep this file aligned with the canonical Theme Token Registry
     * in /composition/web/theme.php.
     */

    /* Brand */
    --b9-color-primary: #1f2937;
    --b9-color-on-primary: #ffffff;

    --b9-color-secondary: #4b5563;
    --b9-color-on-secondary: #ffffff;

    /* Surfaces and text */
    --b9-color-background: #ffffff;
    --b9-color-on-background: #111827;

    --b9-color-surface: #f8fafc;
    --b9-color-on-surface: #111827;

    --b9-color-text: #111827;
    --b9-color-text-muted: #6b7280;
    --b9-color-border: #e5e7eb;

    /* Semantic states */
    --b9-color-success: #16a34a;
    --b9-color-on-success: #ffffff;

    --b9-color-warning: #d97706;
    --b9-color-on-warning: #111827;

    --b9-color-danger: #dc2626;
    --b9-color-on-danger: #ffffff;

    --b9-color-info: #2563eb;
    --b9-color-on-info: #ffffff;

    /* Typography families */
    --b9-font-heading: Arial, Helvetica, sans-serif;
    --b9-font-body: Arial, Helvetica, sans-serif;

    /* Typography sizes */
    --b9-font-size-xs: 0.75rem;
    --b9-font-size-sm: 0.875rem;
    --b9-font-size-md: 1rem;
    --b9-font-size-lg: 1.125rem;
    --b9-font-size-xl: 1.5rem;
    --b9-font-size-2xl: 2rem;
    --b9-font-size-3xl: 3rem;

    /* Typography line heights */
    --b9-line-height-tight: 1.15;
    --b9-line-height-normal: 1.5;
    --b9-line-height-relaxed: 1.7;

    /* Typography weights */
    --b9-font-weight-normal: 400;
    --b9-font-weight-medium: 500;
    --b9-font-weight-semibold: 600;
    --b9-font-weight-bold: 700;

    /* Radius */
    --b9-radius-none: 0;
    --b9-radius-sm: 0.375rem;
    --b9-radius-md: 0.625rem;
    --b9-radius-lg: 1rem;
    --b9-radius-xl: 1.5rem;

    /* Spacing scale */
    --b9-space-xs: 0.25rem;
    --b9-space-sm: 0.5rem;
    --b9-space-md: 1rem;
    --b9-space-lg: 1.5rem;
    --b9-space-xl: 2rem;
    --b9-space-2xl: 3rem;
    --b9-space-3xl: 4rem;

    /* Layout */
    --b9-container-width: 75rem;
    --b9-container-gutter: 1rem;
    --b9-content-width: 65rem;
    --b9-content-width-narrow: 48rem;

    /* Border */
    --b9-border-width: 1px;

    /* Controls */
    --b9-button-radius: 0.625rem;
    --b9-button-padding-x: 1rem;
    --b9-button-padding-y: 0.625rem;
}