/* =============================================================================
   CORPORATE IDENTITY & INTELLECTUAL PROPERTY NOTICE:
   iTTD LTD - built and powered by ittd.works .logic division
   Copyright (C) 2026 iTTD LTD. All rights reserved.
   logic.growth - app/static/css/brand.css
   @version 0.1.20260814.0001
   CCB factor: 0-14
   >>>>>>>>>> Guarded by Tekkers The Dog <<<<<<<<<<
   -----------------------------------------------------------------------------
   CCB minutes: 2026-08-14 - created. Single source of truth for the
   localtrade.exchange brand as a member sees it, across all three surfaces
   (public site, Flask auth/join pages, member PWA).

   WHY THIS FILE EXISTS
   A trade signing up crosses three codebases: the Next site on
   localtrade.exchange, these Flask templates, and the React PWA under /member.
   Before this file each one had its own blue and its own font stack -- four
   blues and three typefaces on one journey. A visitor cannot tell a brand that
   changes at every hop from a phishing page, so the chrome is now pinned here
   and mirrored in member-pwa/src/brand.css.

   The two files are held together by test_brand_consistency.py. If you change a
   value here, change it there, or the suite fails.

   FONTS are the site's own files, lifted from its Next build output rather than
   re-downloaded, so the glyphs are byte-identical to what localtrade.exchange
   serves. Both are VARIABLE fonts; the per-weight @font-face rules below mirror
   exactly what next/font emits, so a weight renders the same on all surfaces.
   ============================================================================= */

/* Montserrat -- display. Variable, latin subset. */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/montserrat-latin.woff2") format("woff2");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../fonts/montserrat-latin.woff2") format("woff2");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../fonts/montserrat-latin.woff2") format("woff2");
}

/* Nunito Sans -- body. Variable, latin subset. */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url("../fonts/nunito-sans-latin.woff2") format("woff2");
}
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("../fonts/nunito-sans-latin.woff2") format("woff2");
}
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("../fonts/nunito-sans-latin.woff2") format("woff2");
}

:root {
  /* --- type ---------------------------------------------------------------
     Named to match the site's own --ff-display / --ff-body so the two read as
     the same system when you have both files open. */
  --lt-font-display: "Montserrat", ui-sans-serif, system-ui, sans-serif;
  --lt-font-body: "Nunito Sans", ui-sans-serif, system-ui, sans-serif;

  /* --- brand blue ---------------------------------------------------------
     ONE blue on light grounds, everywhere. This is the site's
     --color-tlx-brand. Retired: #0099ff (was the Flask chrome) and #0063b2
     (was the PWA manifest theme colour) -- neither appeared anywhere a member
     could see them on the public site. */
  --lt-brand: #0a66ff;
  --lt-brand-hover: #0a4fd0;
  --lt-brand-bright: #0099ff;
  --lt-brand-soft: #eaf2ff;
  --lt-brand-line: #d6e6ff;

  /* On dark grounds #0a66ff is too dense to read against near-black, so the
     dark surfaces use the site's own dark-concept blues rather than lightening
     the light one by eye. */
  --lt-brand-dark: #5aa2ff;
  --lt-brand-dark-hover: #7cb8ff;
  --lt-brand-deep: #2f7fe0;

  /* --- chrome -------------------------------------------------------------
     The colour the browser paints round the edge of the app: Android status
     bar, PWA splash, iOS Safari bar. First colour a member ever sees. */
  --lt-chrome: #0a66ff;
  --lt-chrome-ink: #ffffff;

  --lt-ink: #0b1220;
}