/**
 * Nakano International College — Public Brand System (Stage 1)
 * -----------------------------------------------------------------------
 * Colours (Phase 2) + Official logo + typography (Management-approved).
 *
 * LOGO ASSETS:
 *   Source (original, preserve): assets/images/NAKANO_International_College_HD-1.png
 *   Primary web display:         assets/images/nakano-official-logo.png
 *   Medium (reveal / hero):      assets/images/nakano-official-logo-md.png
 *   Small (header / footer):     assets/images/nakano-official-logo-sm.png
 *
 * TYPOGRAPHY (Management reference):
 *   Brand / Display / Headings:  Tiro Devanagari Sanskrit
 *     https://fonts.google.com/specimen/Tiro+Devanagari+Sanskrit
 *   Body / UI / Nav / Buttons:   Inter (existing readable stack)
 *   Sinhala fallback:            Noto Sans Sinhala
 *     Tiro cmap has Latin + Devanagari only — NO Sinhala glyphs.
 *     Do not force Tiro onto Sinhala text.
 */

:root {
    /* ── Confirmed brand palette ─────────────────────────────── */
    --nakano-maroon:     #800020;
    --nakano-navy:       #0B2265;
    --nakano-gold:       #FFD700;
    --nakano-light-blue: #E0F0FF;
    --nakano-white:      #FFFFFF;
    --nakano-text:       #1A1A1A;

    /* Derived interaction tones (hover / depth only) */
    --nakano-maroon-hover: #9A1535;
    --nakano-maroon-deep:  #5C0018;
    --nakano-navy-hover:   #143A8C;
    --nakano-navy-deep:    #071640;

    /* Soft overlays */
    --nakano-maroon-soft: rgba(128, 0, 32, 0.10);
    --nakano-navy-soft:   rgba(11, 34, 101, 0.08);
    --nakano-gold-soft:   rgba(255, 215, 0, 0.22);

    /* ── Semantic colour roles ───────────────────────────────── */
    --color-brand:            var(--nakano-maroon);
    --color-academic:         var(--nakano-navy);
    --color-accent:           var(--nakano-gold);
    --color-surface:          var(--nakano-white);
    --color-surface-soft:     var(--nakano-light-blue);
    --color-text:             var(--nakano-text);
    --color-text-muted:       #4a5568;
    --color-heading:          var(--nakano-navy);
    --color-label:            var(--nakano-maroon); /* never gold on light bg */

    --color-btn-primary-bg:   var(--nakano-maroon);
    --color-btn-primary-fg:   var(--nakano-white);
    --color-btn-primary-hover: var(--nakano-maroon-hover);

    --color-btn-secondary-bg: var(--nakano-navy);
    --color-btn-secondary-fg: var(--nakano-white);
    --color-btn-secondary-hover: var(--nakano-navy-hover);

    --color-btn-accent-bg:    var(--nakano-gold);
    --color-btn-accent-fg:    var(--nakano-navy);

    --color-on-dark:          var(--nakano-white);
    --color-accent-on-dark:   var(--nakano-gold);
    --color-focus-ring:       rgba(11, 34, 101, 0.14);

    /* ── Typography hierarchy ──────────────────────────────────
       Tiro Devanagari Sanskrit ships only weight 400 (+ italic).
       Prefer font-weight: 400 for brand/display; avoid fake-bold. */
    --font-display: 'Tiro Devanagari Sanskrit', Georgia, 'Times New Roman', serif;
    --font-head:    'Tiro Devanagari Sanskrit', Georgia, 'Times New Roman', serif;
    --font-body:    'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-sinhala: 'Noto Sans Sinhala', 'Iskoola Pota', 'Nirmala UI', 'Segoe UI', sans-serif;
    --font-ui:      var(--font-body);

    /* ── Legacy token aliases (role-based) ───────────────────── */
    --navy:       var(--nakano-navy);
    --navy-light: var(--nakano-navy-hover);
    --navy-faint: var(--nakano-navy-soft);
    --gold:       var(--nakano-maroon);
    --gold-light: var(--nakano-maroon-hover);
    --accent-gold: var(--nakano-gold);
    --white:      var(--nakano-white);
    --off-white:  var(--nakano-light-blue);
    --dark:       var(--nakano-text);

    --gray-100: #f1f4f9;
    --gray-200: #e2e8f0;
    --gray-400: #a0aec0;
    --gray-600: #4a5568;
}

/* Official logo helpers */
.nakano-logo {
    object-fit: contain;
    max-width: 100%;
    height: auto;
}

img.nakano-logo,
img.nav-brand-logo {
    image-rendering: auto;
}

/* Brand / display headings — Management font where Latin renders correctly */
.nakano-brand-type,
.sec-heading,
.page-hero-title,
.hero-title,
.nav-brand-name,
.ftr-school-name,
.ftr-cta-heading,
.loading-text {
    font-family: var(--font-display);
    font-weight: 400;
}

/* UI surfaces stay on Inter for readability */
.nav-links,
.btn,
button,
input,
select,
textarea,
.nav-drop-trigger {
    font-family: var(--font-ui);
}

/* Sinhala: never force Tiro (no Sinhala glyphs in Tiro cmap) */
:lang(si),
.lang-si,
.sinhala,
[lang="si"] {
    font-family: var(--font-sinhala);
}