/* ============================================================
   Event Nerve Center — SLDS 2 / Cosmos Token Layer (Light)
   Salesforce Sans + AvantGarde · blue accents · WCAG 2.1 AA
   ============================================================ */

@font-face {
  font-family: "Salesforce Sans";
  src: url("../fonts/SalesforceSans-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Salesforce Sans";
  src: url("../fonts/SalesforceSans-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Salesforce Sans";
  src: url("../fonts/SalesforceSans-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Salesforce Sans";
  src: url("../fonts/SalesforceSans-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "AvantGarde";
  src: url("../fonts/AvantGardeForSalesforceW05-Dm.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root {
  /* ============================================================
     FOUNDATION — SLDS 2 / Cosmos global tokens
     ============================================================ */

  /* Brand blue */
  --slds-g-color-brand-base-10: #001639;
  --slds-g-color-brand-base-20: #032D60;
  --slds-g-color-brand-base-30: #0B4FA6;
  --slds-g-color-brand-base-40: #0B68D5;
  --slds-g-color-brand-base-50: #0176D3;
  --slds-g-color-brand-base-60: #1B96FF;
  --slds-g-color-brand-base-70: #57A3FD;
  --slds-g-color-brand-base-80: #9DC9FD;
  --slds-g-color-brand-base-90: #D8E9FD;
  --slds-g-color-brand-base-95: #EAF4FF;

  /* Neutral */
  --slds-g-color-neutral-base-10:  #080707;
  --slds-g-color-neutral-base-20:  #181818;
  --slds-g-color-neutral-base-30:  #2E2E2E;
  --slds-g-color-neutral-base-40:  #444444;
  --slds-g-color-neutral-base-50:  #5C5C5C;
  --slds-g-color-neutral-base-60:  #747474;
  --slds-g-color-neutral-base-70:  #939393;
  --slds-g-color-neutral-base-80:  #AEAEAE;
  --slds-g-color-neutral-base-90:  #CCCCCC;
  --slds-g-color-neutral-base-95:  #E5E5E5;
  --slds-g-color-neutral-base-100: #FFFFFF;

  /* Semantic status */
  --slds-g-color-success-base-40:  #028329;
  --slds-g-color-success-base-50:  #2E844A;
  --slds-g-color-success-base-60:  #3BA755;
  --slds-g-color-success-base-90:  #CDEFC4;
  --slds-g-color-warning-base-50:  #A86403;
  --slds-g-color-warning-base-60:  #C07403;
  --slds-g-color-warning-base-90:  #FDEFC4;
  --slds-g-color-error-base-40:    #BA0517;
  --slds-g-color-error-base-50:    #E22720;
  --slds-g-color-error-base-90:    #FEDDDD;
  --slds-g-color-info-base-50:     #0176D3;
  --slds-g-color-info-base-90:     #D8E9FD;

  /* Surface (light Cosmos) */
  --slds-g-color-surface-1:   #FFFFFF;
  --slds-g-color-surface-2:   #F3F3F3;
  --slds-g-color-surface-3:   #E5E5E5;
  --slds-g-color-surface-container: #F8F8F8;

  /* Border (light) */
  --slds-g-color-border-1:    #DDDBDA;
  --slds-g-color-border-2:    #C9C7C5;
  --slds-g-color-border-3:    #AEAEAE;

  /* Typography */
  --slds-g-font-family-sans:  "Salesforce Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --slds-g-font-family-heading: "AvantGarde", "Salesforce Sans", "Helvetica Neue", sans-serif;
  --slds-g-font-scale-neg-4:  0.625rem;
  --slds-g-font-scale-neg-3:  0.6875rem;
  --slds-g-font-scale-neg-2:  0.75rem;
  --slds-g-font-scale-neg-1:  0.8125rem;
  --slds-g-font-scale-1:      0.875rem;
  --slds-g-font-scale-2:      1rem;
  --slds-g-font-scale-3:      1.125rem;
  --slds-g-font-scale-4:      1.25rem;
  --slds-g-font-scale-5:      1.5rem;
  --slds-g-font-scale-6:      1.75rem;
  --slds-g-font-scale-7:      2rem;
  --slds-g-font-weight-regular: 400;
  --slds-g-font-weight-bold:    700;
  --slds-g-line-height-body:    1.5;

  /* Radius */
  --slds-g-radius-border-1: 0.25rem;
  --slds-g-radius-border-2: 0.5rem;
  --slds-g-radius-border-3: 0.75rem;
  --slds-g-radius-border-pill: 100vmax;

  /* Shadow */
  --slds-g-shadow-1: 0 1px 2px 0 rgba(0,0,0,0.1);
  --slds-g-shadow-2: 0 2px 6px 0 rgba(0,0,0,0.12);
  --slds-g-shadow-3: 0 4px 12px 0 rgba(0,0,0,0.15);
  --slds-g-shadow-4: 0 8px 24px 0 rgba(0,0,0,0.2);

  /* Motion */
  --slds-g-duration-quickly:  100ms;
  --slds-g-duration-promptly: 200ms;
  --slds-g-duration-slowly:   400ms;
  --slds-g-timing-ease:       cubic-bezier(0.4, 0, 0.2, 1);

  /* ============================================================
     SEMANTIC APPLICATION TOKENS — LIGHT (Cosmos)
     Blue accents, light surfaces. Consume these in components.
     ============================================================ */
  --bg-primary:        var(--slds-g-color-surface-container);
  --bg-secondary:      var(--slds-g-color-surface-1);
  --bg-card:           var(--slds-g-color-surface-1);
  --bg-hover:          var(--slds-g-color-surface-2);
  --text-primary:      var(--slds-g-color-neutral-base-10);
  --text-secondary:    var(--slds-g-color-neutral-base-50);
  --text-muted:        var(--slds-g-color-neutral-base-70);
  --accent:            var(--slds-g-color-brand-base-50);
  --accent-hover:      var(--slds-g-color-brand-base-30);
  --accent-fill:       var(--slds-g-color-brand-base-50);
  --accent-fill-hover: var(--slds-g-color-brand-base-30);
  --accent-soft:       rgba(1, 118, 211, 0.10);
  --border:            var(--slds-g-color-border-1);
  --border-hover:      var(--slds-g-color-border-2);
  --success:           var(--slds-g-color-success-base-50);
  --warning:           var(--slds-g-color-warning-base-50);
  --error:             var(--slds-g-color-error-base-50);
  --radius:            var(--slds-g-radius-border-2);
  --shadow:            var(--slds-g-shadow-2);
  --transition:        var(--slds-g-duration-promptly) var(--slds-g-timing-ease);
}