/* GovCapture AI - brand tokens.
   Custom properties only. No selectors beyond :root, no layout, no components.
   app.css may `@import url("brand.css")` later and map its own --accent etc.
   onto these. See docs/design/brand.md for the rationale and contrast pairs. */

:root {
  /* Surfaces */
  --gc-paper:   #F7F5F0;   /* page ground, warm off-white */
  --gc-surface: #FFFFFF;   /* raised panels */
  --gc-ink-soft:#E9E6DF;   /* quiet tint for numbered labels, code */
  --gc-line:    #D9D5CC;   /* hairlines */
  --gc-line-strong: #B9B3A6;

  /* Text */
  --gc-ink:     #17202A;   /* 15.1:1 on paper */
  --gc-muted:   #56606B;   /* 5.9:1 on paper */

  /* Accent - one hue, used for links, primary action, focus ring */
  --gc-accent:      #0F4C81; /* 8.1:1 on paper */
  --gc-accent-ink:  #FFFFFF; /* text on accent, 8.9:1 */
  --gc-accent-soft: #E3ECF5;

  /* Evidence states - these carry meaning, use them only for that */
  --gc-verified:        #1E6B45;
  --gc-verified-soft:   #E3F1E8;
  --gc-unverified:      #7A4F00;
  --gc-unverified-soft: #FBF0D6;
  --gc-required:        #9B2C25;   /* EVIDENCE REQUIRED */
  --gc-required-soft:   #FBE8E6;

  /* Type */
  --gc-font-sans:  -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
                   Helvetica, Arial, sans-serif;
  --gc-font-serif: "Iowan Old Style", "Palatino Linotype", Palatino,
                   "Book Antiqua", Georgia, "Times New Roman", serif;
  --gc-font-mono:  ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas,
                   monospace;

  --gc-text-xs:   .8rem;
  --gc-text-sm:   .9rem;
  --gc-text-md:   1.0625rem;                          /* body, 17px */
  --gc-text-lg:   1.2rem;
  --gc-text-xl:   clamp(1.35rem, 1.15rem + .8vw, 1.6rem);
  --gc-text-2xl:  clamp(1.7rem, 1.3rem + 1.6vw, 2.4rem);
  --gc-text-3xl:  clamp(2.15rem, 1.4rem + 3.2vw, 3.6rem);

  --gc-leading-tight: 1.12;
  --gc-leading-snug:  1.3;
  --gc-leading-body:  1.6;

  /* Space - 4px base */
  --gc-s1: .25rem;
  --gc-s2: .5rem;
  --gc-s3: .75rem;
  --gc-s4: 1rem;
  --gc-s5: 1.5rem;
  --gc-s6: 2rem;
  --gc-s7: 3rem;
  --gc-s8: 4rem;
  --gc-s9: 6rem;
  --gc-s10: 8rem;

  /* Shape */
  --gc-radius-sm: 4px;
  --gc-radius:    8px;
  --gc-radius-lg: 12px;
  --gc-shadow: 0 1px 2px rgba(23, 32, 42, .05), 0 6px 20px -8px rgba(23, 32, 42, .14);

  /* Layout */
  --gc-measure: 64ch;
  --gc-wrap: 1120px;
  --gc-gutter: clamp(1rem, 4vw, 2.5rem);

  color-scheme: light dark;
}

@media (prefers-color-scheme: dark) {
  :root {
    --gc-paper:   #0E1319;
    --gc-surface: #151C24;
    --gc-ink-soft:#1D2730;
    --gc-line:    #2A333E;
    --gc-line-strong: #3F4B58;

    --gc-ink:     #E9E7E1;   /* 15.1:1 on paper */
    --gc-muted:   #A3ACB6;   /* 8.1:1 on paper */

    --gc-accent:      #8DBCEB; /* 9.4:1 on paper */
    --gc-accent-ink:  #0E1319; /* 9.4:1 on accent */
    --gc-accent-soft: #182636;

    --gc-verified:        #7FCDA2;
    --gc-verified-soft:   #13291E;
    --gc-unverified:      #E5B95E;
    --gc-unverified-soft: #2B2312;
    --gc-required:        #F0908A;
    --gc-required-soft:   #2E1917;

    --gc-shadow: none;
  }
}