/* Capi Creative Design — archived WordPress "mint" theme: mint-cyan accent,
   tall Bebas Neue display caps, Noto Serif / Roboto body on near-white. */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Noto+Serif:ital,wght@0,400;0,700;1,400&family=Roboto:wght@400;500;700&display=swap');

[data-theme="design-capi"] { --capi: #3bd4e4; --capi-deep: #1ab3c3; --capi-violet: #6046aa; --ink: #222; --muted: #6b7280; }
[data-theme="design-capi"] body { background: #ffffff; color: var(--ink); font-family: "Noto Serif", Georgia, serif; }

[data-theme="design-capi"] .site-header { background: #ffffff; border-bottom: 1px solid #edf1f2; }
[data-theme="design-capi"] .nav-logo-text { font-family: "Bebas Neue", "Roboto", sans-serif; font-size: 1.7rem; letter-spacing: 0.06em; color: var(--ink); text-transform: uppercase; }
[data-theme="design-capi"] .nav-links a { font-family: "Roboto", Arial, sans-serif; font-weight: 500; font-size: 0.82rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink); }
[data-theme="design-capi"] .nav-links a:hover { color: var(--capi-deep); }

[data-theme="design-capi"] .hero { background: linear-gradient(135deg, #eafcff 0%, #ffffff 70%); padding: 84px 0 56px; }
[data-theme="design-capi"] .hero h1 { font-family: "Bebas Neue", "Roboto", sans-serif; font-weight: 400; font-size: 4rem; line-height: 0.98; letter-spacing: 0.02em; text-transform: uppercase; color: var(--ink); }
[data-theme="design-capi"] .hero-tagline { font-family: "Roboto", sans-serif; color: var(--muted); font-size: 1.15rem; }

[data-theme="design-capi"] .btn-primary { background: var(--capi); border: 0; border-radius: 4px; font-family: "Roboto", sans-serif; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: #063a40; }
[data-theme="design-capi"] .btn-primary:hover { background: var(--capi-deep); }
[data-theme="design-capi"] .btn-outline { border: 2px solid var(--capi); color: var(--capi-deep); border-radius: 4px; text-transform: uppercase; letter-spacing: 0.06em; font-family: "Roboto", sans-serif; font-weight: 700; }

[data-theme="design-capi"] .section-title, [data-theme="design-capi"] .page-title { font-family: "Bebas Neue", "Roboto", sans-serif; font-weight: 400; font-size: 2.4rem; letter-spacing: 0.03em; text-transform: uppercase; color: var(--ink); }

[data-theme="design-capi"] .card { background: #ffffff; border: 1px solid #edf1f2; border-radius: 8px; box-shadow: 0 8px 24px rgba(26,179,195,0.06); }
[data-theme="design-capi"] .card-title a { font-family: "Bebas Neue", "Roboto", sans-serif; font-weight: 400; font-size: 1.5rem; letter-spacing: 0.03em; text-transform: uppercase; color: var(--ink); }
[data-theme="design-capi"] .card-title a:hover { color: var(--capi-deep); }
[data-theme="design-capi"] .card-excerpt { font-family: "Noto Serif", serif; color: #4b5563; font-size: 0.98rem; }
[data-theme="design-capi"] .badge { background: var(--capi); color: #063a40; border-radius: 3px; font-family: "Roboto", sans-serif; font-weight: 700; font-size: 0.7rem; letter-spacing: 0.1em; text-transform: uppercase; }

[data-theme="design-capi"] .article-layout { max-width: 760px; }
[data-theme="design-capi"] .article-header h1 { font-family: "Bebas Neue", "Roboto", sans-serif; font-weight: 400; font-size: 3rem; letter-spacing: 0.02em; text-transform: uppercase; }
[data-theme="design-capi"] .article-body { font-family: "Noto Serif", Georgia, serif; font-size: 1.08rem; line-height: 1.85; }
[data-theme="design-capi"] .article-body blockquote { border-left: 4px solid var(--capi); background: #f2fdff; padding: 14px 20px; font-style: italic; color: #334155; }
[data-theme="design-capi"] .article-body a { color: var(--capi-deep); }

[data-theme="design-capi"] .site-footer { background: #14232a; color: #cbe9ee; }
[data-theme="design-capi"] .footer-links a { color: var(--capi); }
[data-theme="design-capi"] .footer-links a:hover { color: #ffffff; }