/* ===========================================================================
   flight-compensation.css — quiescence (English) THEME entry.

   Structure now lives in shared/css/board.css (palette-neutral, shared by every
   site). This file imports it and defines the DARK palette the quiescence board
   has always used, so index.php / history.php / claim.php / claim-status.php /
   add-payment-method.php / pay-commission.php / admin/ and /flights/* — all of
   which link this stylesheet — render exactly as before. eu261.es ships its own
   light theme instead (eu261.es/css/themeV0.01.css). No text, no inline styles.
   @import must stay first; :root variables resolve at use-time regardless.
   =========================================================================== */

@import url("../shared/css/board.css");

:root[data-theme="dark"] {
  --fc-bg:        #0f1830;
  --fc-panel:     #16223c;
  --fc-panel-2:   #1c2b4a;
  --fc-border:    #2a3a5e;
  --fc-text:      #e6edf6;
  --fc-muted:     #9fb0c9;
  --fc-primary:   #3b82f6;
  --fc-on-primary:#ffffff;
  --fc-delayed:   #f87171;   /* red: EU261-eligible arrival delay (>= 3h) */
  --fc-cancelled: #f87171;
  --fc-diverted:  #a78bfa;
  --fc-late:      #fbbf24;   /* tracker only: behind schedule, under the board threshold */
  --fc-ontime:    #34d399;   /* tracker only: on time / scheduled / en route */

  /* badge tint backgrounds (were literal rgba in the old single file) */
  --fc-delayed-bg:   rgba(248, 113, 113, 0.16);
  --fc-cancelled-bg: rgba(248, 113, 113, 0.16);
  --fc-diverted-bg:  rgba(167, 139, 250, 0.16);
  --fc-late-bg:      rgba(251, 191, 36, 0.14);
  --fc-ontime-bg:    rgba(52, 211, 153, 0.14);

  --fc-shadow:       0 12px 32px rgba(0, 0, 0, .45);
  --fc-color-scheme: dark;
  --fc-radius:       12px;
  --fc-font:         GSans, "Segoe UI", Arial, sans-serif;

  /* ---- semantic surfaces used by css/components.css (SEO/guide pages) ------
     board.css + components.css are palette-neutral; the DARK values live here so
     eu261.es (light) keeps its own. Callouts, sí/no columns and calc/wizard
     verdict cards, form inputs, and the article "muted panel" tints. */
  --fc-note-bg:      rgba(59, 130, 246, .12);   --fc-note-border:  rgba(59, 130, 246, .40);
  --fc-warn-bg:      rgba(245, 158, 11, .12);   --fc-warn-border:  rgba(245, 158, 11, .40);
  --fc-yes-bg:       rgba(52, 211, 153, .12);   --fc-yes-border:   rgba(52, 211, 153, .34);
  --fc-no-bg:        rgba(248, 113, 113, .12);  --fc-no-border:    rgba(248, 113, 113, .34);
  --fc-maybe-bg:     rgba(251, 191, 36, .12);
  --fc-input-bg:     var(--fc-bg);
  --fc-option-bg:    var(--fc-panel);
  --fc-option-hi:    rgba(59, 130, 246, .16);
}

/* ---------------------------------------------------------------------------
   LIGHT SKIN — the site default (plain :root); dark is the opt-in overlay below.

   Values are the ones eu261.es already ships (eu261.es/css/themeV0.01.css), so the
   two sites land on the same light palette. --fc-radius and --fc-font are not
   overridden: they are layout/typography, not skin.

   --fc-input-bg / --fc-option-bg are omitted on purpose — they are declared
   above as var(--fc-bg) / var(--fc-panel) and custom properties resolve at
   use time, so they follow whichever skin is active.
   --------------------------------------------------------------------------- */
:root {
  --fc-bg:        #ffffff;
  --fc-panel:     #ffffff;
  --fc-panel-2:   #f5f5f7;
  --fc-border:    #d2d2d7;
  --fc-text:      #1d1d1f;
  --fc-muted:     #6e6e73;
  --fc-primary:   #0066cc;
  --fc-on-primary:#ffffff;
  --fc-delayed:   #b3261e;   /* red: EU261-eligible arrival delay (>= 3h) */
  --fc-cancelled: #b3261e;
  --fc-diverted:  #5b21b6;
  --fc-late:      #7a5c00;
  --fc-ontime:    #1a7f37;

  --fc-delayed-bg:   #fdecea;
  --fc-cancelled-bg: #fdecea;
  --fc-diverted-bg:  #f2ecfd;
  --fc-late-bg:      #fbf4d8;
  --fc-ontime-bg:    #e7f5ec;

  --fc-shadow:       0 6px 24px rgba(0, 0, 0, .08);
  --fc-color-scheme: light;

  --fc-note-bg:      rgba(0, 102, 204, .08);   --fc-note-border:  rgba(0, 102, 204, .35);
  --fc-warn-bg:      rgba(138, 90, 0, .10);    --fc-warn-border:  rgba(138, 90, 0, .35);
  --fc-yes-bg:       rgba(26, 127, 55, .10);   --fc-yes-border:   rgba(26, 127, 55, .30);
  --fc-no-bg:        rgba(179, 38, 30, .08);   --fc-no-border:    rgba(179, 38, 30, .30);
  --fc-maybe-bg:     rgba(122, 92, 0, .10);
  --fc-option-hi:    rgba(0, 102, 204, .12);
}