/*
  Carbon marketing brand sheet — Stage 3A lock.

  Tokens mirror packages/ui/src/tokens.css (source of truth). Load this
  AFTER each page's inline <style> so --green / nav chrome cannot drift.

  Recommended head (icons + OG):
    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
    <link rel="icon" href="/favicon.ico" sizes="48x48" />
    <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
    <meta property="og:image" content="https://www.carbondatasolutions.com/og-image.png" />

  Mark: inline C/6 SVG in marketing nav (same paths as packages/ui/src/marks/c6.svg).
  File also at /brand/c6.svg for favicon/OG fallbacks — nav must not depend on it.
*/

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600&display=swap');

:root {
  /* Brand — never #10b981 / #0d9488 / #15803d as brand greens */
  --ct-brand:        #3ECF8E;
  --ct-brand-dark:   #2BAF78;
  --ct-brand-light:  #f0fdf8;
  --ct-brand-mid:    #d1faeb;
  --ct-brand-ring:   rgba(62, 207, 142, 0.18);
  --green:           var(--ct-brand);
  --accent:          var(--ct-brand);

  /* Ink — #0f1015 is canonical */
  --ct-ink:          #0f1015;
  --ct-ink-2:        #5a5a58;
  --ct-ink-3:        #9a9a98;
  --ink:             var(--ct-ink);
  --ink-2:           var(--ct-ink-2);
  --ink-3:           var(--ct-ink-3);

  /* Surfaces — marketing canvas + portal-aligned border */
  --ct-canvas:       #fafaf9;
  --ct-border:       #e5e5e0;
  --surface:         var(--ct-canvas);
  --border:          var(--ct-border);
  --white:           #ffffff;

  --ct-font-mono:    'IBM Plex Mono', 'Courier New', monospace;
}

.ct {
  font-family: var(--ct-font-mono);
  letter-spacing: -0.01em;
  font-weight: 400;
}
.ct-dot {
  font-weight: 600;
  color: var(--ct-brand);
}

/* Nav lockup: C/6 + stacked wordmark. Pages wrap name/sub in .nav-brand-copy. */
.nav-brand {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  text-decoration: none;
}
.nav-mark {
  width: 28px;
  height: 28px;
  border-radius: 7px;
  flex-shrink: 0;
  display: block;
  overflow: hidden;
}
.nav-brand-copy {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.nav-brand-name {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--ink);
  letter-spacing: -0.01em;
}
.nav-brand-sub {
  font-size: 0.625rem;
  font-weight: 400;
  color: var(--ink-3);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}