/* ============================================
   Gyro — Brand Layer ("Aero Night")
   ============================================
   Single source of truth for the PRODUCT brand.
   Values copied from the official brand kit
   (gyro-brand-kit/colores/paleta.css).

   Do NOT consume these directly from components.
   Components use the semantic --rame-* tokens in
   _tokens.css, which are mapped onto this layer.
   That indirection is what lets the brand change
   in one file instead of in 400 components.

   Note on the two blue scales: the brand is
   dark-first. Gyro Blue (#4E9BF5) reaches only
   2.9:1 against white, so it cannot carry text or
   act as a filled-button surface in light mode.
   The *-ink variants are the same hues darkened to
   clear WCAG AA (>= 4.5:1) on white; the pure brand
   hues stay in charge on dark surfaces.
   ============================================ */

:root {
    /* ========================================
       BRAND — core palette (as published)
       ======================================== */
    --gyro-night: #0A0E1A;
    --gyro-surface-1: #0E1424;
    --gyro-surface-2: #131B30;
    --gyro-surface-3: #182140;

    --gyro-blue: #4E9BF5;
    --gyro-teal: #2CE0B4;
    --gyro-amber: #F5A623;
    --gyro-off: #F0F4FF;
    --gyro-muted: #7A8BAA;
    --gyro-danger: #F2637B;

    /* ========================================
       BRAND — light-mode ink variants (AA on white)
       ======================================== */
    --gyro-blue-ink: #2B6FC4;      /* 5.0:1 on white */
    --gyro-blue-ink-hover: #215BA6;
    --gyro-blue-ink-pressed: #1A4A88;
    --gyro-blue-tint: #E8F1FE;
    --gyro-blue-tint-soft: #F3F8FF;

    --gyro-teal-ink: #0A8368;      /* 4.8:1 on white */
    --gyro-teal-ink-hover: #086B55;
    --gyro-teal-tint: #E3FAF3;

    --gyro-amber-ink: #9A6206;     /* 4.9:1 on white */
    --gyro-amber-tint: #FEF3E0;

    --gyro-danger-ink: #C0304A;    /* 5.6:1 on white */
    --gyro-danger-tint: #FDEBEF;

    /* ========================================
       BRAND — dark-mode elevations
       ======================================== */
    --gyro-blue-soft: #8FBEF9;
    --gyro-teal-soft: #6BEBCC;
    --gyro-amber-soft: #F8C46B;
    --gyro-danger-soft: #F794A5;

    --gyro-blue-shade: #1F3A5E;
    --gyro-teal-shade: #123A33;
    --gyro-amber-shade: #43331A;
    --gyro-danger-shade: #4A2029;

    /* ========================================
       BRAND — borders
       ======================================== */
    --gyro-border: rgba(122, 139, 170, .16);
    --gyro-border-strong: rgba(122, 139, 170, .32);

    /* ========================================
       BRAND — gradients
       ======================================== */
    --gyro-grad-brand: linear-gradient(135deg, #2CE0B4, #4E9BF5);
    --gyro-grad-brand-soft: linear-gradient(135deg, rgba(44, 224, 180, .16), rgba(78, 155, 245, .16));

    /* ========================================
       BRAND — typography
       ======================================== */
    --gyro-font-display: 'Bebas Neue', 'Arial Narrow', Impact, sans-serif;
    --gyro-font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    --gyro-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}