/* ==========================================================================
   Getwiy — design tokens (v7)

   Taken from the reference home page supplied by the founder: #0B0F19 page,
   #111827 cards, #6366F1 indigo accent, Tailwind slate borders, Inter.

   The reference pulled Tailwind, FontAwesome and Google Fonts from three
   CDNs. All three are replaced here: plain CSS, inline SVG icons, and Inter
   self-hosted from the OFL package. The site makes no external request.
   ========================================================================== */

@font-face { font-family: Inter; font-style: normal; font-weight: 400;
  src: url("../fonts/inter-latin-400-normal.woff2") format("woff2"); font-display: swap; }
@font-face { font-family: Inter; font-style: normal; font-weight: 500;
  src: url("../fonts/inter-latin-500-normal.woff2") format("woff2"); font-display: swap; }
@font-face { font-family: Inter; font-style: normal; font-weight: 600;
  src: url("../fonts/inter-latin-600-normal.woff2") format("woff2"); font-display: swap; }
@font-face { font-family: Inter; font-style: normal; font-weight: 700;
  src: url("../fonts/inter-latin-700-normal.woff2") format("woff2"); font-display: swap; }
@font-face { font-family: Inter; font-style: normal; font-weight: 800;
  src: url("../fonts/inter-latin-800-normal.woff2") format("woff2"); font-display: swap; }

:root {
  /* --- Surfaces --------------------------------------------------------- */
  --bg:        #0B0F19;
  --bg-deep:   #020617;   /* slate-950 */
  --bg-900:    #0F172A;   /* slate-900 */
  --card:      #111827;
  --line:      #1E293B;   /* slate-800 */
  --line-2:    #334155;   /* slate-700 */

  /* --- Text ------------------------------------------------------------- */
  --fg:        #FFFFFF;
  --fg-2:      #94A3B8;   /* slate-400 */
  --fg-3:      #7A8AA0;   /* slate-500, lifted: #64748B sat at 3.73:1 on cards */
  --fg-soft:   #CBD5E1;   /* slate-300 */

  /* --- Accent ----------------------------------------------------------- */
  --accent:    #6366F1;
  --accent-2:  #4F46E5;
  --accent-3:  #818CF8;   /* indigo-400, for icon glyphs */
  --glow:      #3B82F6;
  --blue:      #60A5FA;
  --ok:        #34D399;   /* emerald-400 */
  --ok-2:      #059669;

  /* --- Type ------------------------------------------------------------- */
  --font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
          "Helvetica Neue", Arial, sans-serif;

  /* The reference sets body copy at 12px on phones. Nudged to 13px here so
     it stays readable at arm's length; every other size matches. */
  --t-micro: 10px;
  --t-mini:  11px;
  --t-xs:    13px;
  --t-sm:    14px;
  --t-base:  16px;
  --h1: clamp(1.6rem, 5.4vw, 3rem);
  --h2: clamp(1.3rem, 4.2vw, 1.875rem);
  --h3: clamp(1rem, 2.6vw, 1.125rem);

  /* --- Shape ------------------------------------------------------------ */
  --r:      12px;   /* rounded-xl  */
  --r-lg:   16px;   /* rounded-2xl */
  --r-pill: 999px;

  --shell: 1024px;   /* max-w-5xl */
  --shell-wide: 1280px;
  --gutter: 20px;
}