/* ============================================================
   GRAYVER LAW GROUP — Design Tokens
   From the Grayver Law Design System handoff (colors_and_type.css)
   ============================================================ */

@font-face { font-family: "Poppins"; src: url("../fonts/Poppins-Light.otf") format("opentype"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("../fonts/Poppins-Regular.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("../fonts/Poppins-Italic.otf") format("opentype"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("../fonts/Poppins-Medium.otf") format("opentype"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("../fonts/Poppins-SemiBold.otf") format("opentype"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("../fonts/Poppins-Bold.otf") format("opentype"); font-weight: 700; font-style: normal; font-display: swap; }

@font-face { font-family: "Tinos"; src: url("../fonts/Tinos-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Tinos"; src: url("../fonts/Tinos-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; }

:root {
  /* Brand core */
  --glg-navy:        #0f244f;
  --glg-navy-deep:   #0a1838;
  --glg-navy-700:    #182f5e;
  --glg-navy-100:    #e6eaf3;
  --glg-navy-50:     #f3f5fa;
  --glg-white:       #ffffff;

  /* Neutrals — cool greys, biased toward navy */
  --glg-ink:         #0f244f;
  --glg-ink-muted:   #4a577a;
  --glg-ink-soft:    #7c87a3;
  --glg-line:        #d8dde8;
  --glg-line-soft:   #ecedf3;
  --glg-bg:          #ffffff;
  --glg-bg-tint:     #f7f8fb;

  /* Accents */
  --glg-gold:        #c9a55c;
  --glg-gold-soft:   #f3ead4;
  --glg-success:     #2e7d57;
  --glg-warn:        #b97a1d;
  --glg-danger:      #b03a3a;

  /* Semantic roles */
  --fg-1:            var(--glg-ink);
  --fg-2:            var(--glg-ink-muted);
  --fg-3:            var(--glg-ink-soft);
  --fg-on-navy:      var(--glg-white);
  --fg-link:         var(--glg-navy);
  --bg-1:            var(--glg-bg);
  --bg-2:            var(--glg-bg-tint);
  --bg-navy:         var(--glg-navy);
  --border-1:        var(--glg-line);
  --border-2:        var(--glg-line-soft);

  /* Type */
  --font-sans:  "Poppins", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-serif: "Tinos", "Times New Roman", Times, serif;
  --font-mono:  ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  --tracking-display: 0.18em;

  /* Radii — minimal, brand shape language is rectangular */
  --radius-1: 2px;

  /* Shadows — restrained, cool */
  --shadow-1: 0 1px 2px rgba(15, 36, 79, 0.06);
  --shadow-2: 0 2px 8px rgba(15, 36, 79, 0.08), 0 1px 2px rgba(15, 36, 79, 0.04);
  --shadow-3: 0 8px 24px rgba(15, 36, 79, 0.12), 0 2px 4px rgba(15, 36, 79, 0.06);
  --shadow-pop: 0 16px 40px rgba(15, 36, 79, 0.18);

  /* Motion */
  --ease-standard: cubic-bezier(.2, .6, .2, 1);
  --dur-1: 120ms;
  --dur-2: 200ms;
}