/* GPL Technologies brand tokens. Source: Brand Design Guidelines 2026 (marketing).
   Copy this file into HTML deliverables. Add the Google Fonts link in <head>:
   <link href="https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Noto+Serif+Display:ital,wght@1,400..900&display=swap" rel="stylesheet">
*/
:root {
  /* hero */
  --gpl-orange: #F85510;
  --gpl-orange-60: #FFA681;
  --gpl-orange-30: #FFD6C0;
  --gpl-orange-hover: #EB3B00;
  /* secondary */
  --gpl-blue: #2869A4;
  --gpl-blue-60: #55BDF7;
  --gpl-blue-30: #9AD7FF;
  /* neutrals */
  --gpl-white: #FFFFFF;
  --gpl-offwhite: #F9F8F4;
  --gpl-gray-100: #D1CDC8;
  --gpl-gray-200: #ABAAAA;
  --gpl-gray-300: #7D8186;
  --gpl-slate: #505863;
  --gpl-navy: #131E2E;
  --gpl-black: #000000;
  /* status (alerts only) */
  --gpl-info: #2869A4;
  --gpl-success: #86B560;
  --gpl-warning: #EFCA59;
  --gpl-error: #D33B21;
  /* chart palette, use in order (charts only) */
  --gpl-chart-1: #E4793C;
  --gpl-chart-2: #FFB83A;
  --gpl-chart-3: #BFBA3A;
  --gpl-chart-4: #51B89B;
  --gpl-chart-5: #5DA0BA;
  --gpl-chart-6: #5068B4;
  --gpl-chart-7: #A783D0;
  --gpl-chart-8: #E36B82;
  /* semantic defaults, light background */
  --gpl-bg: var(--gpl-offwhite);
  --gpl-surface: var(--gpl-white);
  --gpl-border: var(--gpl-gray-100);
  --gpl-text: var(--gpl-navy);
  --gpl-text-body: var(--gpl-slate);
  --gpl-text-muted: var(--gpl-gray-300);
  --gpl-text-disabled: var(--gpl-gray-200);
  /* type */
  --gpl-font: "Instrument Sans", system-ui, sans-serif;
  --gpl-font-display: "Noto Serif Display", Georgia, serif;
  --gpl-radius: 4px;
  --gpl-radius-card: 8px;
}

/* dark surfaces (navy or photo) */
.gpl-dark {
  --gpl-bg: var(--gpl-navy);
  --gpl-surface: var(--gpl-navy);
  --gpl-text: var(--gpl-offwhite);
  --gpl-text-body: var(--gpl-gray-100);
  --gpl-text-muted: var(--gpl-gray-200);
}

body {
  background: var(--gpl-bg);
  color: var(--gpl-text-body);
  font-family: var(--gpl-font);
  font-size: 16px;
  line-height: 1.5;
}
h1, h2, h3 { color: var(--gpl-text); font-weight: 700; line-height: 1.15; margin: 0 0 .4em; }
h1 { font-size: 48px; }
h2 { font-size: 30px; }
h3 { font-size: 22px; }
.gpl-caption { font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--gpl-text-muted); }
.gpl-hl { font-family: var(--gpl-font-display); font-style: italic; font-weight: 800; color: var(--gpl-orange); }
.gpl-cta { font-weight: 700; color: var(--gpl-orange); text-decoration: none; }
.gpl-card { background: var(--gpl-surface); border: 1px solid var(--gpl-border); border-radius: var(--gpl-radius-card); padding: 20px; }