// ============================================================================
// IILMP brand — PRE-SCSS (injected before Boost/Bootstrap so derived colours,
// buttons, alerts, etc. are all recomputed from these values).
// Source of truth: tailwind.config.js + static/src/input.css.
// ============================================================================

// --- Fonts (self-hosted) ---------------------------------------------------
// Moodle's bundled scssphp rejects external `@import url(...)` (it tries to
// resolve it as a partial and aborts the whole compile), so the Google Fonts
// are self-hosted under fonts/ and referenced with Moodle's [[font:theme|..]]
// placeholder (served by /theme/font.php). This is also offline-safe.
@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 400; font-display: swap; src: url('[[font:theme|barlow-400.woff2]]') format('woff2'); }
@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 500; font-display: swap; src: url('[[font:theme|barlow-500.woff2]]') format('woff2'); }
@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 600; font-display: swap; src: url('[[font:theme|barlow-600.woff2]]') format('woff2'); }
@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 700; font-display: swap; src: url('[[font:theme|barlow-700.woff2]]') format('woff2'); }
@font-face { font-family: 'Spectral'; font-style: normal; font-weight: 500; font-display: swap; src: url('[[font:theme|spectral-500.woff2]]') format('woff2'); }
@font-face { font-family: 'Spectral'; font-style: normal; font-weight: 600; font-display: swap; src: url('[[font:theme|spectral-600.woff2]]') format('woff2'); }
@font-face { font-family: 'Spectral'; font-style: normal; font-weight: 700; font-display: swap; src: url('[[font:theme|spectral-700.woff2]]') format('woff2'); }
@font-face { font-family: 'Archivo Narrow'; font-style: normal; font-weight: 500; font-display: swap; src: url('[[font:theme|archivo-narrow-500.woff2]]') format('woff2'); }
@font-face { font-family: 'Archivo Narrow'; font-style: normal; font-weight: 600; font-display: swap; src: url('[[font:theme|archivo-narrow-600.woff2]]') format('woff2'); }
@font-face { font-family: 'Archivo Narrow'; font-style: normal; font-weight: 700; font-display: swap; src: url('[[font:theme|archivo-narrow-700.woff2]]') format('woff2'); }

// --- Brand palette (as SCSS vars so post.scss can reuse them) ---------------
$iilmp-primary:        #6b5317;   // olive/brown
$iilmp-primary-hover:  #56420e;
$iilmp-topbar:         #42300c;   // dark brown navbar
$iilmp-page-bg:        #f0ebe0;   // cream page surface
$iilmp-card-bg:        #faf7f2;   // warm card surface
$iilmp-warm-hover:     #f5efe4;
$iilmp-text:           #1c1610;
$iilmp-text-muted:     #72675c;
$iilmp-border:         #ddd0bc;
$iilmp-border-strong:  #c4b49a;
$iilmp-on-primary:     #ffffff;
$iilmp-green:          #047857;
$iilmp-amber:          #b45309;
$iilmp-red:            #be123c;

// --- Bootstrap core colour variables ---------------------------------------
$primary:   $iilmp-primary;
$secondary: $iilmp-border-strong;
$success:   $iilmp-green;
$warning:   $iilmp-amber;
$danger:    $iilmp-red;
$info:      $iilmp-primary;

$body-bg:    $iilmp-page-bg;
$body-color: $iilmp-text;

// Links.
$link-color:       $iilmp-primary;
$link-hover-color: $iilmp-primary-hover;
$link-decoration:  none;

// Borders.
$border-color: $iilmp-border;

// --- Typography ------------------------------------------------------------
$font-family-sans-serif: "Barlow", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
$font-family-base:       $font-family-sans-serif;
$headings-font-family:   "Spectral", Georgia, "Times New Roman", serif;
$headings-font-weight:   600;
$headings-color:         $iilmp-text;
$font-weight-normal:     400;
$font-weight-bold:       700;

// --- Shape / flat design ---------------------------------------------------
// No gradients anywhere (matches IILMP flat-fill rule).
$enable-gradients: false;
$enable-rounded:   true;
$enable-shadows:   false;

// ~12px rounded cards, softer radii elsewhere.
$border-radius:    0.5rem;
$border-radius-sm: 0.375rem;
$border-radius-lg: 0.75rem;   // ~12px

// Cards.
$card-bg:            $iilmp-card-bg;
$card-border-color:  $iilmp-border;
$card-border-radius: 0.75rem;
$card-cap-bg:        $iilmp-card-bg;

// Components.
$component-active-bg: $iilmp-primary;
$dropdown-link-active-bg: $iilmp-primary;
$dropdown-border-color:   $iilmp-border;
$input-border-color:      $iilmp-border-strong;
$input-focus-border-color: $iilmp-primary;
$table-border-color:      $iilmp-border;

// Boost/Moodle navbar height variable is respected; the dark topbar colour is
// applied in post.scss so it wins over Boost's navbar-light defaults.