/* eDom Invest — tokeny systemu marki.
   Prefiks --edi- zgodnie z ustaleniem z 4.11.2026, żeby nie wchodzić w zmienne strony
   (--navy, --gold, --ivory, --sand, --graphite, --muted, --line, --white, --cream).
   Kroje: Cormorant Garamond 500/600 w nagłówkach, Manrope 400/500/600 w tekstach i przyciskach. */

:root,
[data-theme="jasny"] {
  --edi-navy: #102536;
  --edi-gold: #b49763;
  --edi-ivory: #f6f3ed;

  --edi-surface: var(--edi-ivory);
  --edi-surface-raised: #ffffff;
  --edi-ink: var(--edi-navy);
  --edi-ink-muted: #4c5f6e;
  --edi-ink-disabled: #7b8893;
  --edi-line: #e2dacd;
  --edi-border-strong: #7d8e9b;
  --edi-accent: var(--edi-gold);
  --edi-accent-ink: var(--edi-navy);
  --edi-focus: var(--edi-navy);

  --edi-btn-bg: var(--edi-navy);
  --edi-btn-bg-hover: #1b3c56;
  --edi-btn-ink: var(--edi-ivory);

  --edi-danger: #a32b22;
  --edi-danger-surface: #fbeceb;

  --edi-shadow-card: 0 1px 2px rgba(16, 37, 54, .06), 0 2px 8px rgba(16, 37, 54, .07);
  --edi-shadow-dropdown: 0 2px 6px rgba(16, 37, 54, .08), 0 10px 24px rgba(16, 37, 54, .10);
  --edi-shadow-modal: 0 6px 16px rgba(16, 37, 54, .12), 0 28px 56px rgba(16, 37, 54, .18);
}

[data-theme="ciemny"] {
  --edi-surface: var(--edi-navy);
  --edi-surface-raised: #17334a;
  --edi-ink: var(--edi-ivory);
  --edi-ink-muted: #a9b6c1;
  --edi-ink-disabled: #6e8192;
  --edi-line: #2b4257;
  --edi-border-strong: #7389a0;
  --edi-focus: var(--edi-gold);

  --edi-btn-bg: var(--edi-gold);
  --edi-btn-bg-hover: #c7ad7e;
  --edi-btn-ink: var(--edi-navy);

  --edi-danger: #f2b8b5;
  --edi-danger-surface: #3a2422;

  --edi-shadow-card: 0 1px 2px rgba(2, 13, 22, .40), 0 2px 8px rgba(2, 13, 22, .36);
  --edi-shadow-dropdown: 0 2px 6px rgba(2, 13, 22, .44), 0 10px 24px rgba(2, 13, 22, .44);
  --edi-shadow-modal: 0 6px 16px rgba(2, 13, 22, .50), 0 28px 56px rgba(2, 13, 22, .55);
}

:root {
  --edi-space-1: 4px;
  --edi-space-2: 8px;
  --edi-space-3: 16px;
  --edi-space-4: 24px;
  --edi-space-5: 40px;
  --edi-space-6: 64px;

  --edi-radius-sm: 2px;
  --edi-radius-md: 6px;
  --edi-radius-full: 9999px;

  --edi-font-display: "Cormorant Garamond", Georgia, serif;
  --edi-font-sans: Manrope, system-ui, "Segoe UI", Arial, sans-serif;
}

/* Style tekstu */

.edi-h1 { font-family: var(--edi-font-display); font-size: 44px; line-height: 48px; font-weight: 600; }
.edi-h2 { font-family: var(--edi-font-display); font-size: 32px; line-height: 38px; font-weight: 600; }
.edi-h3 { font-family: var(--edi-font-display); font-size: 22px; line-height: 28px; font-weight: 500; }
.edi-lead { font-family: var(--edi-font-sans); font-size: 19px; line-height: 30px; font-weight: 400; }
.edi-body { font-family: var(--edi-font-sans); font-size: 16px; line-height: 26px; font-weight: 400; }
.edi-body-sm { font-family: var(--edi-font-sans); font-size: 14px; line-height: 22px; font-weight: 400; }
.edi-caption { font-family: var(--edi-font-sans); font-size: 13px; line-height: 18px; font-weight: 400; }
.edi-price { font-family: var(--edi-font-sans); font-size: 24px; line-height: 30px; font-weight: 600; }
.edi-label { font-family: var(--edi-font-sans); font-size: 14px; line-height: 20px; font-weight: 600; }
.edi-button { font-family: var(--edi-font-sans); font-size: 15px; line-height: 20px; font-weight: 600; letter-spacing: .01em; }
.edi-overline { font-family: var(--edi-font-sans); font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: .12em; }
