/**
 * APMFI Theme – CSS Variables (Design Tokens)
 *
 * @package APMFI_Theme
 */

:root {
    /* ── Tricolor palette: Red · White · Black ── */
    --color-primary:       #b8000f;
    --color-primary-dark:  #8c000b;
    --color-primary-light: #d9001a;
    --color-primary-faint: rgba(184,0,15,.07);
    --color-secondary:     #b8000f;
    --color-secondary-dark:#8c000b;
    --color-accent:       #ffffff;
    --color-white:         #ffffff;
    --color-off-white:     #f5f5f5;
    --color-light-gray:    #eeeeee;
    --color-mid-gray:      #888888;
    --color-dark-gray:     #222222;
    --color-black:         #0a0a0a;
    --color-text:          #1a1a1a;
    --color-text-muted:    #666666;
    --color-border:        #e0e0e0;
    --color-success:       #28a745;
    --color-warning:       #ffc107;
    --color-danger:        #b8000f;
    --color-info:          #17a2b8;

    /* ── Typography ── */
    --font-primary:   'Battambang', sans-serif;
    --font-heading:   'Poppins', 'Noto Sans', sans-serif;
    --font-mono:      'Courier New', monospace;

    /* ── Shadows ── */
    /* --shadow-sm:   0 1px 3px rgba(0,0,0,.08);
    --shadow-md:   0 4px 12px rgba(0,0,0,.12);
    --shadow-lg:   0 8px 30px rgba(0,0,0,.16);
    --shadow-xl:   0 20px 60px rgba(0,0,0,.20); */

    /* ── Border radius ── */
    --radius-sm:   4px;
    --radius-md:   8px;
    --radius-lg:   12px;
    --radius-xl:   20px;
    --radius-full: 9999px;

    /* ── Transitions ── */
    --transition-fast:   150ms ease;
    --transition-base:   250ms ease;
    --transition-slow:   400ms ease;

    /* ── Layout ── */
    --header-height: 80px;
    --topbar-height: 40px;
    --container-max: 1280px;
    --section-pad: 40px 0;
}