/* ═══════════════════════════════════════════════════════════
   TCIAP IDENTITY FONTS
   tciap2015_regular.ttf / tciap2015_bold.ttf (root directory)
═══════════════════════════════════════════════════════════ */
@font-face {
    font-family: "tciapfont";
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url('tciap2015_regular.ttf') format('truetype');
}

@font-face {
    font-family: "tciapfont";
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url('tciap2015_bold.ttf') format('truetype');
}


/* ═══════════════════════════════════════════════════════════
   COLOR SYSTEM  —  Primary #96b800
═══════════════════════════════════════════════════════════ */
:root {

    /* ── Primary (Lime Green) ── */
    --color-primary:        #96b800;   /* CTA, heading accent, border highlight */
    --color-primary-dark:   #6b8300;   /* hover state, pressed button */
    --color-primary-darker: #4a5c00;   /* text on light bg (meets AA contrast) */
    --color-primary-light:  #c8e033;   /* badge, tag, soft highlight */
    --color-primary-tint:   #f0f6cc;   /* card background, subtle fill */

    /* ── Accent (Split-Complementary — Blue) ── */
    --color-accent:         #0069c8;   /* link, info badge, secondary CTA */
    --color-accent-dark:    #004f99;   /* hover / active */
    --color-accent-tint:    #e0eef9;   /* info alert background */

    /* ── Accent-B (Existing brand magenta #b80096, kept as-is) ── */
    --color-accent-b:       #b80096;   /* promo, label, decorative element */
    --color-accent-b-dark:  #8a006f;
    --color-accent-b-tint:  #fce9f8;

    /* ── Neutral ── */
    --color-text:           #1e2200;   /* primary body text (warm-tinted dark) */
    --color-text-body:      #3d3d3d;   /* paragraph text */
    --color-muted:          #6b7280;   /* caption, helper text */
    --color-border:         #d4d9b8;   /* divider, input border */
    --color-surface:        #f7f9ee;   /* page background, section bg */
    --color-white:          #ffffff;
    --color-dark:           #111827;   /* footer, dark section bg */

    /* ── Semantic ── */
    --color-success:        #96b800;   /* reuse primary — already "green" */
    --color-warning:        #f5a623;
    --color-error:          #d0021b;
    --color-info:           var(--color-accent);

    /* ── Aliases (backward-compatible with existing index.php vars) ── */
    --primary:   var(--color-primary);
    --accent:    var(--color-accent-b);   /* keeps existing magenta accent */
    --light:     var(--color-surface);
    --dark:      var(--color-dark);
    --muted:     var(--color-muted);
    --white:     var(--color-white);


    /* ═══════════════════════════════════════════════════════
       TYPOGRAPHY
    ═══════════════════════════════════════════════════════ */
    --font-brand:   "tciapfont", "Noto Sans Thai", sans-serif;
    --font-body:    "tciapfont", "Inter", "Noto Sans Thai", sans-serif;
    --font-display: "tciapfont", "Playfair Display", serif;

    /* ═══════════════════════════════════════════════════════
       SPACING & SHAPE (optional convenience tokens)
    ═══════════════════════════════════════════════════════ */
    --radius-sm:  6px;
    --radius:     12px;
    --radius-lg:  20px;
    --shadow:     0 4px 24px rgba(0, 0, 0, .10);
    --transition: .35s ease;
    --max-w:      1200px;
    --max-hd:     1920px;
}


/* ═══════════════════════════════════════════════════════════
   APPLY BRAND FONT GLOBALLY
   Remove this block if index.php already sets font-family.
═══════════════════════════════════════════════════════════ */
html, body {
    font-family: var(--font-body);
    font-weight: 400;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: var(--font-brand);
    font-weight: 700;
}