@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");

:root {
  --efie-color-anchor-gold: #F4D125;
  --efie-color-anchor-green: #006B3F;
  --efie-color-anchor-red: #CE1126;
  --efie-color-anchor-surface: #F8F8F5;
  --efie-color-anchor-ink: #181711;
  --efie-color-text-muted: rgb(24 23 17 / 0.6);

  --efie-color-accent-indigo: #6366F1;
  --efie-color-accent-violet: #7C3AED;
  --efie-color-accent-teal: #14B8A6;
  --efie-color-accent-orange: #F97316;

  --efie-gradient-hero-spectrum: linear-gradient(
    120deg,
    var(--efie-color-accent-indigo) 0%,
    var(--efie-color-accent-violet) 48%,
    var(--efie-color-accent-teal) 100%
  );
  --efie-gradient-cta-glow: linear-gradient(
    120deg,
    var(--efie-color-anchor-gold) 0%,
    var(--efie-color-accent-orange) 100%
  );
  --efie-gradient-cultural-highlight: linear-gradient(
    135deg,
    var(--efie-color-anchor-green) 0%,
    var(--efie-color-anchor-red) 100%
  );

  --efie-font-family-sans: "Inter", "Segoe UI", system-ui, sans-serif;
  --efie-font-family-display: "Inter", "Segoe UI", system-ui, sans-serif;
  --efie-font-weight-regular: 400;
  --efie-font-weight-medium: 500;
  --efie-font-weight-semibold: 600;
  --efie-font-weight-bold: 700;
  --efie-font-weight-extrabold: 800;

  --efie-font-size-body: 1rem;
  --efie-font-size-heading: 2rem;
  --efie-line-height-body: 1.6;
  --efie-line-height-heading: 1.2;

  --efie-color-surface: var(--efie-color-anchor-surface);
  --efie-color-surface-elevated: #FFFFFF;
  --efie-color-text-primary: var(--efie-color-anchor-ink);
  --efie-color-border: rgb(24 23 17 / 0.12);
  --efie-color-surface-glass: rgb(255 255 255 / 0.72);
  --efie-color-surface-glass-hover: rgb(255 255 255 / 0.85);
  --efie-color-border-glass: rgb(255 255 255 / 0.45);
  --efie-color-shadow: rgb(24 23 17 / 0.12);
  --efie-color-shadow-strong: rgb(0 0 0 / 0.08);
}

[data-theme="dark"] {
  --efie-color-anchor-surface: #121214;
  --efie-color-anchor-ink: #E8E6E1;
  --efie-color-surface: #121214;
  --efie-color-surface-elevated: #1C1C1F;
  --efie-color-text-primary: #E8E6E1;
  --efie-color-text-muted: rgb(232 230 225 / 0.6);
  --efie-color-border: rgb(232 230 225 / 0.12);
  --efie-color-surface-glass: rgb(28 28 31 / 0.82);
  --efie-color-surface-glass-hover: rgb(28 28 31 / 0.92);
  --efie-color-border-glass: rgb(255 255 255 / 0.15);
  --efie-color-shadow: rgb(0 0 0 / 0.3);
  --efie-color-shadow-strong: rgb(0 0 0 / 0.2);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --efie-color-anchor-surface: #121214;
    --efie-color-anchor-ink: #E8E6E1;
    --efie-color-surface: #121214;
    --efie-color-surface-elevated: #1C1C1F;
    --efie-color-text-primary: #E8E6E1;
    --efie-color-text-muted: rgb(232 230 225 / 0.6);
    --efie-color-border: rgb(232 230 225 / 0.12);
    --efie-color-surface-glass: rgb(28 28 31 / 0.82);
    --efie-color-surface-glass-hover: rgb(28 28 31 / 0.92);
    --efie-color-border-glass: rgb(255 255 255 / 0.15);
    --efie-color-shadow: rgb(0 0 0 / 0.3);
    --efie-color-shadow-strong: rgb(0 0 0 / 0.2);
  }
}