/* Nomad Camera — relaunch brand tokens
   Keeps the existing forest-green / cream creator-camera identity,
   pushed bolder + more characterful for the relaunch. */

:root {
  /* --- Core palette --- */
  --ink: #0C2E27;          /* deep forest green — text + dark sections */
  --ink-2: #0A2620;        /* darker forest for deepest panels */
  --ink-soft: #2C4A42;     /* softened ink for secondary text on cream */
  --cream: #F4EFE3;        /* page background */
  --cream-2: #ECE5D5;      /* slightly deeper cream for alt bands */
  --paper: #FBF8F1;        /* near-white card surface */
  --white: #FFFFFF;

  /* --- Brand greens --- */
  --green: #2FB46B;        /* live / accent green (the "Camera" italic) */
  --green-bright: #3DD27E; /* hover / glow */
  --green-deep: #1C8A4E;

  /* --- Shutter accent dots (ownable, not literal Google) --- */
  --coral: #FF5C39;        /* record / energy */
  --blue: #2E7BF6;
  --yellow: #FFC83D;

  /* --- Text on dark --- */
  --on-dark: #F4EFE3;
  --on-dark-soft: #A9C3BA;

  /* --- Lines / borders --- */
  --line: rgba(12,46,39,0.12);
  --line-dark: rgba(244,239,227,0.14);

  /* --- Type --- */
  --font-display: "Bricolage Grotesque", "Hanken Grotesk", system-ui, sans-serif;
  --font-body: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  --font-mono: "Space Mono", ui-monospace, "SFMono-Regular", monospace;

  /* --- Radius --- */
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 22px;
  --r-xl: 32px;
  --r-pill: 999px;

  /* --- Shadow --- */
  --shadow-sm: 0 2px 10px rgba(12,46,39,0.08);
  --shadow-md: 0 14px 40px rgba(12,46,39,0.14);
  --shadow-lg: 0 30px 80px rgba(12,46,39,0.22);
  --shadow-phone: 0 40px 90px -20px rgba(12,46,39,0.45);

  /* --- Motion --- */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
}

* { box-sizing: border-box; }

.mono-label {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--green-deep);
  font-weight: 700;
}

/* Brand wordmark */
.nomad-wordmark {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: var(--font-display);
  font-weight: 700;
  letter-spacing: -0.02em;
}
.nomad-wordmark .mark {
  width: 30px; height: 30px;
  border-radius: 9px;
  background: var(--ink);
  display: grid; place-items: center;
  position: relative;
  flex: none;
}
.nomad-wordmark .mark::before {
  content: "";
  width: 13px; height: 13px;
  border-radius: 50%;
  border: 3px solid var(--green-bright);
}
.nomad-wordmark .mark::after {
  content: "";
  position: absolute;
  top: 6px; right: 6px;
  width: 4px; height: 4px;
  border-radius: 50%;
  background: var(--coral);
}
.nomad-wordmark b { color: inherit; }
.nomad-wordmark i { color: var(--green); font-style: italic; }