/* ============================================================
   Shingu College — Color tokens
   ------------------------------------------------------------
   Primary identity: Shingu Blue — a confident institutional blue
   expressing trust, intellect and the "vision/employment-strong"
   positioning ("직업교육의 최고 브랜드").
   Secondary: Garden Green — a nod to the college's renowned
   botanical garden (식물원) and landscape/horticulture heritage.

   NOTE (flagged to user): the EXACT official CI hex values could
   not be retrieved (shingu.ac.kr blocks direct fetch). These are
   carefully-chosen conventional values; please confirm/replace
   with the official CI palette.
   ============================================================ */
:root {
  /* ---- Brand blue scale ---- */
  --blue-950: #061B3E;
  --blue-900: #08285B;
  --blue-800: #0A357A;
  --blue-700: #0B4DA2; /* PRIMARY */
  --blue-600: #1466C9;
  --blue-500: #2E80E6; /* interactive accent */
  --blue-400: #5C9FF0;
  --blue-300: #93C0F6;
  --blue-200: #C4DCFA;
  --blue-100: #DEEBFC;
  --blue-50:  #EFF5FE;

  /* ---- Garden green scale (secondary) ---- */
  --green-800: #145C39;
  --green-700: #1B7A4C;
  --green-600: #259D62; /* SECONDARY */
  --green-500: #3CB878;
  --green-200: #BEEAD2;
  --green-100: #DBF3E6;
  --green-50:  #ECF9F1;

  /* ---- Warm accent (energy / events — 백마/대동제) ---- */
  --gold-600: #C8881A;
  --gold-500: #E0A21E;
  --gold-100: #FBEFD2;

  /* ---- Neutral / ink ---- */
  --neutral-950: #0E1116;
  --neutral-900: #16191E;
  --neutral-800: #272C34;
  --neutral-700: #3C434E;
  --neutral-600: #586170;
  --neutral-500: #79828F;
  --neutral-400: #9AA3AF;
  --neutral-300: #C5CBD4;
  --neutral-200: #E1E5EB;
  --neutral-100: #F0F2F5;
  --neutral-50:  #F7F8FA;
  --white: #FFFFFF;

  /* ---- Semantic raw ---- */
  --red-600: #C8362F;
  --red-100: #FBE4E2;
  --amber-600: #C8881A;
  --amber-100: #FBEFD2;

  /* ============================================================
     Semantic aliases — prefer these in components
     ============================================================ */
  --color-brand:        var(--blue-700);
  --color-brand-strong: var(--blue-800);
  --color-brand-deep:   var(--blue-900);
  --color-brand-accent: var(--blue-500);
  --color-secondary:    var(--green-600);
  --color-secondary-strong: var(--green-700);
  --color-festive:      var(--gold-500);

  /* text */
  --text-primary:   var(--neutral-900);
  --text-secondary: var(--neutral-600);
  --text-muted:     var(--neutral-500);
  --text-inverse:   var(--white);
  --text-link:      var(--blue-600);
  --text-on-brand:  var(--white);

  /* surfaces */
  --surface-page:    var(--neutral-50);
  --surface-card:    var(--white);
  --surface-subtle:  var(--neutral-100);
  --surface-brand:   var(--blue-700);
  --surface-brand-deep: var(--blue-900);
  --surface-brand-tint: var(--blue-50);
  --surface-secondary-tint: var(--green-50);
  --surface-inverse: var(--neutral-900);

  /* borders */
  --border-subtle:  var(--neutral-200);
  --border-default: var(--neutral-300);
  --border-strong:  var(--neutral-400);
  --border-brand:   var(--blue-500);

  /* feedback */
  --color-success:      var(--green-600);
  --color-success-tint: var(--green-100);
  --color-warning:      var(--amber-600);
  --color-warning-tint: var(--amber-100);
  --color-danger:       var(--red-600);
  --color-danger-tint:  var(--red-100);
  --color-info:         var(--blue-500);
  --color-info-tint:    var(--blue-100);

  /* focus ring */
  --focus-ring: 0 0 0 3px rgba(46, 128, 230, 0.40);
}