/* Subtrade Capital Corp. — brand tokens v1.1
   Montserrat + Inter, both SIL Open Font License.
*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&family=Inter:wght@400;500;600&display=swap');

:root {
  /* core palette */
  --scc-moss:            #2D4A3E;
  --scc-copper:          #BB7333;
  --scc-terracotta:      #C45C3E;
  --scc-limestone:       #F2EDE4;
  --scc-espresso:        #3E2C22;

  /* moss ramp */
  --scc-moss-900:        #22382E;
  --scc-moss-700:        #2D4A3E;
  --scc-moss-500:        #576E65;
  --scc-moss-300:        #ABB7B2;
  --scc-moss-100:        #D5DBD8;
  --scc-moss-050:        #EAEDEC;

  /* copper ramp */
  --scc-copper-900:      #955C29;
  --scc-copper-700:      #BB7333;
  --scc-copper-500:      #C98F5C;
  --scc-copper-300:      #E4C7AD;
  --scc-copper-100:      #F1E3D6;

  /* terracotta ramp */
  --scc-terracotta-900:  #9D4A32;
  --scc-terracotta-700:  #C45C3E;
  --scc-terracotta-300:  #E7BEB2;
  --scc-terracotta-100:  #F3DED8;

  /* neutrals */
  --scc-white:           #FFFFFF;
  --scc-limestone-100:   #F2EDE4;
  --scc-limestone-200:   #E8E2D7;
  --scc-line:            #D8D2C7;
  --scc-rule:            #B9B2A6;
  --scc-mute:            #7C7266;
  --scc-ink:             #3E2C22;

  /* semantic */
  --scc-bg:              var(--scc-limestone-100);
  --scc-bg-alt:          var(--scc-white);
  --scc-bg-invert:       var(--scc-moss);
  --scc-text:            var(--scc-ink);
  --scc-text-muted:      var(--scc-mute);
  --scc-text-invert:     var(--scc-limestone-100);
  --scc-accent:          var(--scc-copper);
  --scc-alert:           var(--scc-terracotta);
  --scc-focus:           var(--scc-terracotta);

  /* type */
  --scc-font-display:    'Montserrat', 'Helvetica Neue', Arial, sans-serif;
  --scc-font-text:       'Inter', 'Helvetica Neue', Arial, sans-serif;

  --scc-size-display:    clamp(2.6rem, 5vw, 4.5rem);
  --scc-size-h1:         clamp(2rem, 3.2vw, 2.75rem);
  --scc-size-h2:         1.25rem;
  --scc-size-eyebrow:    0.75rem;
  --scc-size-lead:       1.125rem;
  --scc-size-body:       1rem;      /* 16px floor — do not go below */
  --scc-size-small:      0.8125rem;
  --scc-size-legal:      0.6875rem;

  --scc-track-display:  -0.008em;
  --scc-track-eyebrow:   0.13em;
  --scc-leading-tight:   1.06;
  --scc-leading-body:    1.6;

  /* space + form */
  --scc-radius-icon:     22%;        /* app icon plate only */
  --scc-radius:          0;          /* Subtrade does not round UI corners */
  --scc-rule-weight:     1px;
  --scc-focus-ring:      2px solid var(--scc-focus);
  --scc-focus-offset:    2px;
  --scc-tap-min:         44px;
}

/* Accessibility guardrails — measured, WCAG 2.1
   PASS  moss on limestone      8.34:1   any size
   PASS  espresso on limestone 11.34:1   any size
   PASS  limestone on moss      8.34:1   any size
   LARGE copper on limestone    3.21:1   18pt / 24px and above only
   LARGE terracotta on limestone 3.64:1  18pt / 24px and above only
   FAIL  copper on moss         2.60:1   never use                        */

.scc-eyebrow{ font-family:var(--scc-font-display); font-weight:600;
  font-size:var(--scc-size-eyebrow); letter-spacing:var(--scc-track-eyebrow);
  text-transform:uppercase; color:var(--scc-moss); }
.scc-h1{ font-family:var(--scc-font-display); font-weight:600;
  font-size:var(--scc-size-h1); line-height:var(--scc-leading-tight);
  letter-spacing:var(--scc-track-display); color:var(--scc-moss); }
.scc-body{ font-family:var(--scc-font-text); font-size:var(--scc-size-body);
  line-height:var(--scc-leading-body); color:var(--scc-text); }
.scc-rule{ height:var(--scc-rule-weight); background:var(--scc-copper);
  width:4rem; border:0; }
:focus-visible{ outline:var(--scc-focus-ring); outline-offset:var(--scc-focus-offset); }