/* ==========================================================================
   TEMPOMAIL MASTER TOKENS (v1.2.4, M-34)
   Single token source loaded FIRST by every web layout, before that
   layout's theme stylesheet. :root custom properties ONLY -- no element,
   class, or component selectors, so this file cannot restyle any page.
   Later stylesheets and the layouts' inline customizer vars (which use
   !important) always win over these defaults; this file only guarantees
   that every layout starts from the same token names and values.
   Legacy names (--primary_color / --text_color / ...) are bridged here
   to the --tempo-* names used by the luxury/admin/user stylesheets.
   ========================================================================== */
:root {
    /* Brand accent (luxury default; user-tempo overrides to #ff7700) */
    --tempo-amber: #f59e0b;
    --tempo-amber-hover: #d97706;
    --tempo-amber-glow: rgba(245, 158, 11, 0.35);
    --tempo-accent: #f59e0b;
    --tempo-accent-hover: #d97706;

    /* Surfaces / text (dark default; light themes override below) */
    --tempo-bg: #000000;
    --tempo-canvas: #000000;
    --tempo-card-bg: rgba(18, 18, 24, 0.78);
    --tempo-text-primary: #f8fafc;
    --tempo-text-secondary: #cbd5e1;
    --tempo-text-muted: #94a3b8;
    --tempo-text-title: #f8fafc;

    /* Inputs (light pages get explicit values via L-28 blocks) */
    --tempo-input-bg: rgba(9, 10, 15, 0.65);
    --tempo-input-border: rgba(255, 255, 255, 0.12);
    --tempo-input-color: #f8fafc;

    /* Status hues */
    --tempo-green: #34c759;
    --tempo-red: #ff453a;

    /* Radii */
    --tempo-radius-sm: 8px;
    --tempo-radius-md: 12px;
    --tempo-radius-lg: 16px;
    --tempo-radius-xl: 20px;
    --tempo-radius-pill: 9999px;

    /* Legacy token bridges (basic style.css / tempo-theme names) */
    --primary_color: var(--tempo-amber);
    --secondary_color: var(--tempo-amber-hover);
    --text_color: var(--tempo-text-primary);
    --background_color: var(--tempo-bg);
    --footer_background_color: #08080a;
}