/*
 * IED 2025 theme — "Bridging the Gap".
 *
 * Yearly theme file: it ONLY defines design tokens (CSS custom properties).
 * To rebrand for a future edition, copy this file (e.g. ied2026.css), adjust the
 * values, swap the logo asset, and point BRANDING.theme_css at the new file.
 * site.css (theme-agnostic) consumes these tokens — never hard-code colours,
 * spacing, or fonts in templates or in site.css.
 *
 * Visual reference: https://event.unitn.it/ied/ (clean, white, dark text, a
 * red/coral accent from the 2025 "Bridging the Gap" identity).
 */
:root {
  /* --- Colour ---------------------------------------------------------- */
  --color-bg: #f5f6f8;
  --color-surface: #ffffff;
  --color-surface-2: #f3f4f7; /* table headers, input fills, subtle panels */
  --color-text: #1b1d22;
  --color-muted: #5e636d;
  --color-primary: #e23b2e;
  --color-primary-strong: #c52d22; /* hover/active */
  --color-primary-soft: rgba(226, 59, 46, 0.1); /* tints, selected rows */
  --color-primary-contrast: #ffffff;
  --color-accent: #ff5a3c;
  /* Dark navy/anthracite for strong headings (Task 41a). */
  --color-heading: #141a2b;
  --color-border: #e4e6eb;
  --color-border-strong: #ccd0d8;
  --color-success: #1f8a4c;
  --color-warning: #8a5a00;
  --color-danger: #c0392b;
  /* Info is the fourth status colour (Task 41a): a calm blue, distinct from the
     red brand accent so info never reads as an action/error. */
  --color-info: #2563a8;
  --color-info-strong: #1e4e86;
  --color-focus: rgba(226, 59, 46, 0.35);

  /* Soft status tints (Task 41a): consolidated so badges/messages reference a
     token instead of repeating inline rgba() values. */
  --color-success-soft: rgba(31, 138, 76, 0.12);
  --color-warning-soft: rgba(138, 90, 0, 0.12);
  --color-danger-soft: rgba(192, 57, 43, 0.12);
  --color-info-soft: rgba(37, 99, 168, 0.12);

  /* Very subtly tinted alternating table row for readability (Task 41a). */
  --color-row-alt: #fafbfc;

  /* Header uses a subtle brand-tinted gradient for a modern, polished feel. */
  --header-bg: linear-gradient(180deg, #ffffff 0%, #fcfcfd 100%);

  /* --- Gradients / accents (Task 41a) ---------------------------------- */
  /* A colourful brand sweep for hero accent bars and the header top rule. */
  --gradient-brand: linear-gradient(
    90deg,
    var(--color-primary) 0%,
    var(--color-accent) 100%
  );
  /* A faint brand wash for hero card backgrounds — event-like but not loud. */
  --gradient-hero: linear-gradient(
    135deg,
    rgba(226, 59, 46, 0.08) 0%,
    rgba(255, 90, 60, 0.04) 55%,
    transparent 100%
  );
  /* App background: the soft surface plus a barely-there brand glow top-right,
     so the page feels less flat without distracting from content. */
  --app-bg:
    radial-gradient(1100px 380px at 100% -8%, rgba(226, 59, 46, 0.05), transparent 60%),
    var(--color-bg);

  /* --- Typography ------------------------------------------------------ */
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial,
    sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --font-size-base: 16px;

  /* --- Spacing scale --------------------------------------------------- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;

  /* --- Radii ----------------------------------------------------------- */
  --radius-sm: 6px;
  --radius: 10px;
  --radius-card: 14px;
  --radius-pill: 999px;

  /* --- Elevation ------------------------------------------------------- */
  --shadow-sm: 0 1px 2px rgba(20, 23, 28, 0.06);
  --shadow-card: 0 1px 3px rgba(20, 23, 28, 0.06), 0 6px 16px rgba(20, 23, 28, 0.05);
  --shadow-lg: 0 10px 30px rgba(20, 23, 28, 0.12);
}