/* SOURCE primitives: observed on https://landing.liha.edu.vn/ on 2026-10-05.
   This file defines tokens only. It does not apply component styles. */
:root {
  --liha-blue-primary: #2c4b64;
  --liha-blue-deep: #102d40;
  --liha-blue-header: #29485e;
  --liha-blue-gradient-start: #294a64;
  --liha-blue-highlight: #365970;
  --liha-blue-gradient-end: #254258;
  --liha-blue-ink: #173348;
  --liha-blue-on-gold: #15344b;

  --liha-gold-primary: #eed097;
  --liha-gold-soft: #edd39a;
  --liha-gold-gradient-start: #f3daa1;
  --liha-gold-gradient-end: #cba660;
  --liha-gold-nav-start: #f0d99b;
  --liha-gold-nav-end: #c6a15a;
  /* 3.48:1 on paper: not suitable for normal text on a light canvas. */
  --liha-gold-on-light: #a18042;

  --liha-neutral-paper: #fbf8f0;
  --liha-neutral-cream: #fffaf0;
  --liha-neutral-text: #fffbf3;
  --liha-neutral-text-secondary: #f3f3ed;
  --liha-neutral-light-body: #425b6b;
  --liha-neutral-line-light: #d8ddd7;

  --liha-action-gradient-start: var(--liha-gold-gradient-start);
  --liha-action-gradient-end: var(--liha-gold-gradient-end);
  --liha-nav-action-gradient-start: var(--liha-gold-nav-start);
  --liha-nav-action-gradient-end: var(--liha-gold-nav-end);
  --liha-text-on-action: var(--liha-blue-on-gold);
  --liha-action-background: linear-gradient(115deg, var(--liha-action-gradient-start), var(--liha-action-gradient-end));
  --liha-nav-action-background: linear-gradient(120deg, var(--liha-nav-action-gradient-start), var(--liha-nav-action-gradient-end));
}

/* Chosen semantic UI aliases. Default is dark; nested theme scopes are allowed. */
:root,
[data-liha-theme="dark"] {
  --liha-background: var(--liha-blue-deep);
  --liha-surface: var(--liha-blue-primary);
  --liha-surface-raised: var(--liha-blue-highlight);
  /* RGB and opacity match the observed site header. */
  --liha-header-background: rgb(41 72 94 / 93%);
  --liha-text: var(--liha-neutral-text);
  --liha-text-secondary: var(--liha-neutral-text-secondary);
  --liha-accent: var(--liha-gold-primary);
  --liha-accent-text: var(--liha-gold-primary);
  --liha-text-on-accent: var(--liha-blue-on-gold);
  --liha-focus: var(--liha-gold-primary);
  /* Chosen UI alpha, not a SOURCE color; decorative divider only. */
  --liha-line: rgb(238 208 151 / 18%);
}

[data-liha-theme="light"] {
  --liha-background: var(--liha-neutral-paper);
  --liha-surface: var(--liha-neutral-cream);
  --liha-surface-raised: var(--liha-neutral-paper);
  --liha-header-background: var(--liha-neutral-cream);
  --liha-text: var(--liha-blue-ink);
  --liha-text-secondary: var(--liha-neutral-light-body);
  --liha-accent: var(--liha-gold-primary);
  /* Use ink for functional accent text on light surfaces. */
  --liha-accent-text: var(--liha-blue-ink);
  --liha-text-on-accent: var(--liha-blue-on-gold);
  --liha-focus: var(--liha-blue-ink);
  --liha-line: var(--liha-neutral-line-light);
}