/* MET Dijital fresh-minimal direction: quiet surfaces, one clear mint signal. */
:root {
  --fresh-paper: #f7fbf8;
  --fresh-surface: #edf6f2;
  --fresh-ink: #10272d;
  --fresh-muted: #687b7d;
  --fresh-line: #d5e5e0;
  --fresh-mint: #a4ebc9;
  --fresh-teal: #198f89;
  --fresh-blue: #5d79d8;
}

body {
  background: var(--fresh-paper);
  color: var(--fresh-ink);
}

.site-header,
.hero,
.projects-hero,
.projects-cta {
  border-radius: 10px;
  box-shadow: none;
}

.site-header {
  border: 1px solid var(--fresh-line);
  border-left: 3px solid var(--fresh-mint);
  background: #fff;
}

.site-header .brand { color: var(--fresh-ink); }
.site-header .brand small { color: var(--fresh-muted); }
.site-header nav { color: var(--fresh-muted); }
.site-header nav a:hover,
.site-header nav a:focus-visible { color: var(--fresh-teal); }
.site-header .button-dark {
  color: var(--fresh-ink);
  border-color: var(--fresh-mint);
  background: var(--fresh-mint);
}
.site-header .button-dark:hover,
.site-header .button-dark:focus-visible {
  color: var(--fresh-ink);
  border-color: #c8f6dc;
  background: #c8f6dc;
}
.menu-toggle { color: var(--fresh-ink); border-color: var(--fresh-line); }
.menu-icon { color: var(--fresh-teal); }
.brand-mark { border-color: var(--fresh-teal); }

.hero,
.projects-hero {
  border: 1px solid #173d44;
  border-left: 3px solid var(--fresh-mint);
  background: #15353b;
}

.hero-copy .kicker span,
.projects-hero-copy .kicker span { background: var(--fresh-mint); }
.hero-copy .lead,
.hero-intro { color: #b8cfcc; }
.hero-actions .text-link { border-color: #4e7476; color: #d9e9e5; }
.hero-actions .text-link:hover,
.hero-actions .text-link:focus-visible { color: var(--fresh-mint); border-color: var(--fresh-mint); }
.trust-line { border-top-color: #355b60; color: #9db5b3; }
.trust-line b { color: var(--fresh-mint); }
.hero-assistant,
.projects-hero-signal {
  border: 1px solid var(--fresh-line);
  border-top: 3px solid var(--fresh-mint);
  background: #fff;
  box-shadow: 10px 10px 0 rgba(6, 28, 33, .14);
}

.architecture {
  background: #fff !important;
  border-color: var(--fresh-line) !important;
  box-shadow: none !important;
}
.architecture-head,
.architecture-foot { color: var(--fresh-muted); }
.architecture-head strong,
.architecture-foot b { color: var(--fresh-teal); }
.floor {
  box-shadow: inset 0 1px rgba(255,255,255,.9) !important;
  border-color: var(--fresh-line);
}
.floor-1 { background: #eaf8f2 !important; border-left-color: #50b995 !important; }
.floor-2 { background: #eef3ff !important; border-left-color: var(--fresh-blue) !important; }
.floor-3 { background: #f4f1ff !important; border-left-color: #8b78d1 !important; }
.floor-4 { background: #fff5ed !important; border-left-color: #de876c !important; }

.solutions,
.proof { border-top-color: var(--fresh-line); }
.solution-list { border-top-color: var(--fresh-line); }
.solution { border-bottom-color: var(--fresh-line); }
.solution:hover,
.solution.active { background: var(--fresh-surface); transform: translateX(3px); }
.solution > span { color: var(--fresh-teal); }
.solution i { color: var(--fresh-teal); }

.journey {
  border-top-color: var(--fresh-mint);
  background: #15353b !important;
}
.journey .section-heading.light .kicker { background: #21484c; }
.system-spine {
  border-color: #366568;
  background: #102b31 !important;
  box-shadow: none;
}
.system-spine-visual { border-color: #47787a; }
.system-output { background: #173b40 !important; border-color: #3c696a !important; }

.proof { background: var(--fresh-paper); }
.proof-grid { border-color: var(--fresh-line); }
.proof-grid article,
.proof-grid article:nth-child(1),
.proof-grid article:nth-child(2),
.proof-grid article:nth-child(3),
.proof-grid article:nth-child(4),
.proof-grid article:nth-child(5),
.proof-grid article:nth-child(6) {
  background: #fff;
}
.proof-grid article:hover { transform: translateY(-3px); background: var(--fresh-surface); }
.project-portfolio { border-top-color: var(--fresh-mint); }
.project-row { border-color: var(--fresh-line); box-shadow: none; }
.project-row:hover { background: var(--fresh-surface); }
.project-status.is-live { color: var(--fresh-teal); }

.brief {
  border-top-color: var(--fresh-teal);
  background: #edf7f3;
}
.brief-form {
  border-color: var(--fresh-line);
  background: #fff;
  box-shadow: 10px 10px 0 rgba(25, 143, 137, .10);
}

.project-principles { border-top-color: var(--fresh-mint); }
.projects-cta {
  border-color: #2b565b;
  background: #15353b;
}

@media (max-width: 980px) {
  .site-header nav#site-menu {
    border-color: var(--fresh-line);
    background: #fff;
    box-shadow: 0 12px 24px rgba(16, 39, 45, .12);
  }
  .site-header nav#site-menu a {
    color: var(--fresh-ink);
    border-color: var(--fresh-line);
  }
  .site-header nav#site-menu a:hover,
  .site-header nav#site-menu a:focus-visible { color: var(--fresh-teal); }
}

@media (max-width: 640px) {
  .site-header,
  .hero,
  .projects-hero,
  .projects-cta { border-radius: 8px; }
  .hero,
  .projects-hero { box-shadow: none; }
  .hero-assistant,
  .projects-hero-signal { box-shadow: 6px 6px 0 rgba(6, 28, 33, .12); }
}

@media (prefers-reduced-motion: reduce) {
  .solution:hover,
  .solution.active,
  .proof-grid article:hover { transform: none; }
}