/* =====================================================================
   fenni-tokens.css — single source of color truth for the FENNI theme
   Every other stylesheet in this theme MUST reference these variables
   instead of hardcoding hex/rgba values (see docs/coinbix/design.md for
   the layout rules that stay unchanged: No-Line, No-Shadow, radius scale).
   Enqueued FIRST, before every other theme stylesheet.
   ===================================================================== */
:root {
    /* === FENNI palette — change --fenni-point to re-skin the whole site === */
    /* 2026-08-15 CEO directive: point = Coinbix-heritage neon green #4ae176 (not orange). */
    --fenni-point:          #4ae176; /* point color — neon green (coinbix heritage); FILL/UI USE ONLY — see note below */
    --fenni-point-strong:   #157a3d; /* point darkened to AA-on-white — use for text/links/thin borders, never the raw point value */
    --fenni-point-contrast: #111111; /* text/icon placed ON TOP of point-colored fills (buttons, badges) — near-black, white fails on this green */
    --fenni-point-glow:     color-mix(in srgb, var(--fenni-point) 8%, transparent);  /* translucent point wash — icon-button hover bg, gold-glow badges (matches source's own "gold-glow" concept 1:1) */
    /* NOTE: --fenni-point (#4ae176) measures ~1.7:1 against --fenni-bg — well under the
       3:1 UI-component threshold. CEO-accepted known tradeoff (heritage brand green):
       restrict --fenni-point to fills at least icon/button/badge size with --fenni-point-contrast
       text on top; NEVER use --fenni-point directly for text, thin borders/underlines, or small
       icons on the bare page background — use --fenni-point-strong there instead. */

    /* === Surfaces (No-Line Rule: boundaries are tonal shifts, never 1px borders) === */
    --fenni-bg:        #ffffff; /* page canvas */
    --fenni-surface:   #f5f6f8; /* tonal step 1 — cards, sections, sidebars */
    --fenni-surface-2: #eceef1; /* tonal step 2 — hover state on cards, dropdown menus, input fields */
    --fenni-nav-bg:    rgba(255, 255, 255, 0.85); /* glass nav background, paired with backdrop-blur(20px) */

    /* === Text (role-inverted from the old dark scheme: "dimmer" now means lighter grey, not darker) === */
    --fenni-text:           #000000; /* primary text — headlines, article body */
    --fenni-text-secondary: #33383f; /* secondary text — nav links, sub-headings */
    --fenni-text-muted:     #5b6472; /* muted text — metadata, timestamps, captions */
    --fenni-text-dim:       #6b7480; /* dim text — disclaimers, affiliate disclosure, copyright */
    --fenni-text-disabled:  #b6bcc5; /* disabled state / input placeholder — intentionally low-contrast */

    /* === Market semantics === */
    --fenni-up:          #4ae176; /* market up / bullish — same neon green as --fenni-point (coinbix heritage, CEO-accepted); FILL/UI USE ONLY, same low-contrast caveat as --fenni-point. Text uses (stat numbers, "up" glyphs) use --fenni-point-strong instead. */
    --fenni-down:        #c8321f; /* market down / bearish — darkened from the old #e74c3c for AA on white; safe for text AND fills (5.3:1) */
    --fenni-down-strong: #9c2416; /* down, darkened further — "breaking" badge gradient end-stop */

    /* === Utility overlays === */
    --fenni-ghost:    color-mix(in srgb, var(--fenni-text) 5%, transparent); /* icon-button resting bg (search icon, hamburger, lang pill) */
    --fenni-divider:  color-mix(in srgb, var(--fenni-text) 8%, transparent); /* faint tonal edge — bg tint only, never a 1px border (No-Line Rule); currently unused, carried over from source for parity */
    --fenni-overlay:  rgba(0, 0, 0, 0.5);  /* dark scrim over hero/photo backgrounds for text legibility */
    --fenni-shadow:   rgba(0, 0, 0, 0.16); /* floating elements only — lang dropdown, mobile sticky CTA (No-Shadow rule exceptions) */
}

/* === FENNI v2 lockup logo — site-wide brand mark sizing (2026-08-17, viewBox trimmed 2026-08-19).
   Lives here because fenni-tokens.css is the only stylesheet enqueued on EVERY page.
   2026-08-19: SVG viewBox tightened to content bounds (was 0 0 640 200, ~49% empty vertical
   padding; now 48.5 36 542.75 106.25). Heights scaled by the same factor (106.25/200 = 0.53125)
   so the rendered glyph size on the page is pixel-identical to before the trim. === */
.fenni-logo-img{height:25.5px;width:auto;display:block}
.fenni-footer-logo .fenni-logo-img,[class$="-footer-logo"] .fenni-logo-img{height:31.875px;margin:0 auto}