/* ══════════════════════════════════════════════════════════════════════════
   theme.css  —  Design tokens (CSS custom properties) only.
   Component and layout styles belong in page.css — nothing but --web-* vars here.
   ══════════════════════════════════════════════════════════════════════════ */
:root.web, body.web, .web {

    --web-font-family-base: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    --web-font-family-heading: 'Poppins', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

    /* Colors */
    --web-color-primary:        #750808;
    --web-color-primary-hover:  #dc1010;
    --web-color-secondary:      #95a5a6;
    --web-color-secondary-hover:#7f8c8d;
    --web-color-success:        #27ae60;
    --web-color-warning:        #f39c12;
    --web-color-danger:         #e74c3c;
    --web-color-danger-hover:   #c82333;
    --web-color-required:       #dc3545;
    --web-color-bold:           #750808;
    --web-color-bold-hover:     #e21010;
    --web-color-alternate:      #333333;

    /* Spacing */
    --web-spacing-xxs: 0.12rem;
    --web-spacing-xs:  0.25rem;
    --web-spacing-sm:  0.5rem;
    --web-spacing-md:  1rem;
    --web-spacing-lg:  1.25rem;
    --web-spacing-xl:  1.5rem;

    /* Typography */
    --web-font-size-sm:  0.8em;
    --web-font-size-base:1em;
    --web-font-size-lg:  1.1em;
    --web-font-size-xl:  1.25rem;
    --web-font-size-xxl: 1.5rem;

    /* Border Radius */
    --web-border-radius-sm:   0.125rem;
    --web-border-radius-base: 0.25rem;
    --web-border-radius-md:   0.5rem;
    --web-border-radius-lg:   0.75rem;
    --web-border-radius-xl:   1rem;

    /* Transitions */
    --web-transition-fast: 0.2s ease;
    --web-transition-base: 0.3s ease;
    --web-transition-slow: 0.4s ease;

    /* Sidebar */
    --web-sidebar-width:     16rem;
    --web-sidebar-max-width: 16rem;

    /* Corner brackets */
    --web-bracket-thickness: 4px;
    --web-bracket-length:    1.5rem;

    /* Backgrounds */
    --web-bg-primary:   #262626;
    --web-bg-secondary: #1d1d22;
    --web-bg-card:      #1d1d22;

    /* Text */
    --web-text-primary:   #b7babc;
    --web-text-secondary: #7d7f81;
    --web-text-muted:     #6c757d;
    --web-text-light:     #ced4da;
    --web-text-link:      var(--web-color-bold);
    --web-text-hover:     var(--web-color-bold-hover);

    /* Subscription tier colors (canonical source: Ravenbreath.chat/ui.icons.css) */
    --web-color-free:     #9d9d9d;
    --web-color-basic:    #1eff00;
    --web-color-standard: #0070dd;
    --web-color-premium:  #a335ee;
    --web-color-ultimate: #ff8000;
}