/* SEAP Match — centralized color palette.
   Single source of truth for the four templates (index.html, admin.html,
   pricing.html, notice_sumar.html). Token names cover the union of what
   each template uses, so legacy CSS rules in those templates still resolve
   against this file without rename work.

   Strict two-color system built on
     • PANTONE 11-4201 Cloud Dancer  (#EFEFE7) — warm off-white
     • PANTONE 19-4033 TCX Poseidon  (#2D4262) — deep teal-navy
   Every other token is a tint or shade of these two. */

:root {
  color-scheme: light;

  /* ── Core palette ───────────────────────── */
  --palette-cloud:          #EFEFE7;
  --palette-cloud-warm:     #F6F6F0;
  --palette-cloud-deep:     #E5E5DC;
  --palette-poseidon:       #2D4262;
  --palette-poseidon-deep:  #1B2A40;
  --palette-poseidon-mid:   #4A5B78;
  --palette-poseidon-soft:  #7585A0;
  --palette-poseidon-wash:  #DEE4EE;

  /* Legacy aliases (kept so prior references like
     var(--palette-abyssal) keep resolving) */
  --palette-palladian:      #EFEFE7;
  --palette-oatmeal:        #CCD2DC;
  --palette-blue:           #2D4262;
  --palette-flame:          #4A5B78;
  --palette-truffle:        #1B2A40;
  --palette-abyssal:        #1B2A40;

  /* ── Surfaces ───────────────────────────── */
  --color-bg:            #EFEFE7;    /* Cloud Dancer — page bg */
  --color-bg-card:       #FFFFFF;
  --color-card:          #FFFFFF;    /* admin alias */
  --bg-card:             #FFFFFF;    /* pricing alias */
  --bg:                  #EFEFE7;    /* pricing alias */
  --color-bg-hover:      #E5E5DC;
  --bg-card-hover:       #F6F6F0;    /* pricing card hover */
  --color-bg-accent:     #E0E5ED;    /* light Poseidon wash */
  --bg-accent:           #E0E5ED;
  --color-bg-muted:      #E8E8E0;
  --color-bg-elevated:   #F6F6F0;
  --color-overlay:       rgba(27, 42, 64, 0.56);

  /* ── Text (Poseidon hierarchy) ──────────── */
  --color-text:          #1B2A40;    /* deepest Poseidon — primary text */
  --text:                #1B2A40;
  --color-text-light:    #4A5B78;
  --color-text-muted:    #7585A0;
  --color-muted:         #4A5B78;    /* admin/notice alias */
  --text-muted:          #4A5B78;    /* pricing alias */
  --color-text-faint:    #A6B0BF;
  --text-faint:          #A6B0BF;

  /* ── Borders ────────────────────────────── */
  --color-border:        #CCD2DC;
  --border:              #CCD2DC;
  --color-border-light:  #DDE0E7;
  --color-divider:       #D6DAE3;
  --border-strong:       #A7B0BE;

  /* ── Brand (Poseidon primary) ───────────── */
  --color-primary:       #2D4262;    /* Poseidon */
  --accent:              #2D4262;
  --color-primary-hover: #1B2A40;
  --accent-hover:        #1B2A40;
  --color-primary-light: #DEE4EE;
  --accent-soft:         rgba(45, 66, 98, 0.10);
  --color-primary-soft:  rgba(45, 66, 98, 0.10);
  --color-primary-wash:  #E6EBF1;
  --color-gold:          #4A5B78;    /* mono — no warm accent in strict 2-color */
  --color-orange:        #4A5B78;
  --color-link:          #2D4262;
  --color-on-solid:      #EFEFE7;    /* Cloud Dancer text on Poseidon buttons */

  /* ── Semantic (monochrome — distinguish by lightness) ── */
  --color-success:        #2D4262;
  --success:              #2D4262;
  --color-success-bg:     #E6EBF1;
  --color-success-border: #2D4262;
  --color-warning:        #4A5B78;
  --color-warning-bg:     #E8ECF2;
  --color-warning-text:   #1B2A40;
  --color-warning-border: #4A5B78;
  --color-danger:         #1B2A40;
  --color-danger-hover:   #0E1825;
  --color-danger-bg:      #D5DBE5;
  --color-danger-border:  #1B2A40;
  --color-love:           #2D4262;
  --color-love-bg:        #DEE4EE;
  --color-hide:           #9AA5B8;
  --color-neutral-bg:     #E5E5DC;
  --color-neutral-text:   #4A5B78;

  /* ── Badges / classification ────────────── */
  --badge-blue-bg:       #DEE4EE;
  --badge-blue-text:     #2D4262;
  --badge-flame-bg:      #E8ECF2;
  --badge-flame-text:    #4A5B78;
  --badge-truffle-bg:    #D5DBE5;
  --badge-truffle-text:  #1B2A40;
  --badge-oat-bg:        #E8E8E0;
  --badge-oat-text:      #4A5B78;
  --relevance-direct-bg: #DEE4EE;
  --relevance-partial-bg:#E8ECF2;
  --relevance-none-bg:   #D5DBE5;

  /* ── Calendar ───────────────────────────── */
  --cal-today:           #E0E5ED;
  --cal-selected:        #2D4262;
  --cal-has-notices:     #1B2A40;

  /* ── Shadows (Poseidon-tinted) ──────────── */
  --shadow-sm:           0 1px 3px rgba(27, 42, 64, 0.08);
  --shadow-md:           0 4px 12px rgba(27, 42, 64, 0.10);
  --shadow-lg:           0 8px 24px rgba(27, 42, 64, 0.12);
  --shadow-glow:         0 8px 24px rgba(45, 66, 98, 0.20);
  --shadow-glow-hover:   0 12px 32px rgba(45, 66, 98, 0.28);
  --shadow-modal:        0 12px 48px rgba(27, 42, 64, 0.18);

  /* ── notice_sumar.html target/quote highlight ── */
  --color-target-bg:     #E0E5ED;
  --color-target-border: #2D4262;

  /* ── Landing ambient gradients ──────────── */
  --landing-bg-top:      #E8ECF2;
  --landing-bg-mid:      #ECEDE8;
  --landing-nav-bg:      rgba(239, 239, 231, 0.84);
  --hero-glow-flame:     rgba(45, 66, 98, 0.16);
  --hero-glow-cream:     rgba(239, 239, 231, 0.78);
  --hero-glow-blue:      rgba(45, 66, 98, 0.20);
  --hero-glow-truffle:   rgba(27, 42, 64, 0.14);

  /* ── Charts / technical UI ──────────────── */
  --chart-series-1:      #2D4262;
  --chart-series-2:      #7585A0;
  --chart-series-3:      #1B2A40;
  --chart-series-4:      #CCD2DC;
  --pdf-viewer-bg:       #4A5B78;
  --pdf-page-bg:         #FFFFFF;
  --pdf-highlight-bg:    rgba(45, 66, 98, 0.18);
  --pdf-highlight-border:rgba(45, 66, 98, 0.50);
}

/* Legal / corporate footer line — company address, VAT, ISO cert numbers.
   Meant to sit at the bottom of the landing page, auth screens, and settings
   tab. Deliberately low-contrast (muted Poseidon on Cloud Dancer) so it
   blends into the page but stays readable. */
.legal-footer {
  padding: 20px 16px;
  text-align: center;
  font-size: 11px;
  line-height: 1.7;
  color: var(--color-text-muted);
  letter-spacing: 0.02em;
  font-weight: 400;
}