/* ============================================================
   1hour (원아워) — Color System  ·  Fix 2024
   Mint + Dark + White. Red reserved for emphasis (면제 / 할인).
   Full 12-stop scales + WCAG-tuned semantic aliases.
   ============================================================ */
:root {
  /* ---------- Mono · Gray (13 stops) ---------- */
  --white:    #FFFFFF;
  --gray-00:  #F9F9F9;
  --gray-01:  #F2F2F2;
  --gray-02:  #E5E5E5;
  --gray-03:  #CCCCCC;
  --gray-04:  #B2B2B2;
  --gray-05:  #999999;
  --gray-06:  #808080;
  --gray-07:  #666666;
  --gray-08:  #4D4D4D;
  --gray-09:  #333333;
  --gray-10:  #1A1A1A;
  --black:    #000000;

  /* ---------- Brand · Logo mint (12 stops) ---------- */
  --brand-01: #E7FFFB;
  --brand-02: #D0F8F3;
  --brand-03: #B5F4EC;
  --brand-04: #92EEE2;
  --brand-05: #7DE3D8;
  --brand-06: #55D7C9;
  --brand-07: #2CCBBA;
  --brand-08: #10B9A7; /* logo / primary */
  --brand-09: #00A18E;
  --brand-10: #008C7B;
  --brand-11: #007163;
  --brand-12: #005B4F;

  /* ---------- Green · Success (12 stops) ---------- */
  --green-01: #F6FEF9;
  --green-02: #ECFDF3;
  --green-03: #D1FADF;
  --green-04: #A6F4C5;
  --green-05: #64EDA4;
  --green-06: #32D583;
  --green-07: #12B76A;
  --green-08: #039855;
  --green-09: #00854E;
  --green-10: #027545;
  --green-11: #02663E;
  --green-12: #054F31;

  /* ---------- Red · Error (12 stops) ---------- */
  --red-01:   #FFF5F4;
  --red-02:   #FFEAE9;
  --red-03:   #FFD6D3;
  --red-04:   #FFC1BE;
  --red-05:   #FFACA8;
  --red-06:   #FF908A;
  --red-07:   #FF6E66;
  --red-08:   #FF5A50;
  --red-09:   #FF3C32;
  --red-10:   #CC261E;
  --red-11:   #991D16;
  --red-12:   #66130F;

  /* ---------- Yellow · Warning (12 stops) ---------- */
  --yellow-01: #FFFDF2;
  --yellow-02: #FFFBE5;
  --yellow-03: #FFF7CC;
  --yellow-04: #FFF3B2;
  --yellow-05: #FFEB80;
  --yellow-06: #FFE24D;
  --yellow-07: #FFD600;
  --yellow-08: #FFBF1B;
  --yellow-09: #FFA800;
  --yellow-10: #CD8700;
  --yellow-11: #9D6800;
  --yellow-12: #7C5300;

  /* ---------- Secondary · Yellow-Green (12 stops) ---------- */
  --ygreen-01: #F5FDF2;
  --ygreen-02: #EBFBE5;
  --ygreen-03: #D7F7CC;
  --ygreen-04: #C3F2B2;
  --ygreen-05: #A4EB8C;
  --ygreen-06: #80E55D;
  --ygreen-07: #64DE2B;
  --ygreen-08: #33C600;
  --ygreen-09: #2AA300;
  --ygreen-10: #1F7900;
  --ygreen-11: #175701;
  --ygreen-12: #003A09;

  /* ---------- Secondary · Light Blue (12 stops) ---------- */
  --lblue-01: #F2FBFF;
  --lblue-02: #E5F7FF;
  --lblue-03: #CCF0FF;
  --lblue-04: #B2E8FF;
  --lblue-05: #99E0FF;
  --lblue-06: #66D1FF;
  --lblue-07: #41C5FF;
  --lblue-08: #00B2FF; /* right stop of the mint→cyan gradient */
  --lblue-09: #0099EF;
  --lblue-10: #0085D0;
  --lblue-11: #006B99;
  --lblue-12: #004766;

  /* ---------- Secondary · Blue (12 stops) ---------- */
  --blue-01:  #F3F9FF;
  --blue-02:  #E8F2FF;
  --blue-03:  #D1E7FF;
  --blue-04:  #B5D7FF;
  --blue-05:  #A8CBFF;
  --blue-06:  #8BB9FF;
  --blue-07:  #66A3FF;
  --blue-08:  #3D8AFF;
  --blue-09:  #0066FF;
  --blue-10:  #0057DA;
  --blue-11:  #0045AE;
  --blue-12:  #00327E;

  /* ---------- Secondary · Purple (12 stops) ---------- */
  --purple-01: #FBF5FE;
  --purple-02: #F7ECFD;
  --purple-03: #EED9FB;
  --purple-04: #E6C6F9;
  --purple-05: #DDB3F7;
  --purple-06: #CC8CF3;
  --purple-07: #C26EF3;
  --purple-08: #B350EF;
  --purple-09: #A22CEB;
  --purple-10: #862DBC;
  --purple-11: #602187;
  --purple-12: #441A5E;

  /* ---------- Secondary · Pink (12 stops) ---------- */
  --pink-01: #FFF3F8;
  --pink-02: #FEE7F0;
  --pink-03: #FECFE2;
  --pink-04: #FDB6D3;
  --pink-05: #FD9EC5;
  --pink-06: #FC86B6;
  --pink-07: #FB6EA7;
  --pink-08: #FA3D8A;
  --pink-09: #EA1A6F;
  --pink-10: #D3095B;
  --pink-11: #AD084B;
  --pink-12: #770433;

  /* ---------- Secondary · Orange (12 stops) ---------- */
  --orange-01: #FFFAF5;
  --orange-02: #FFF6ED;
  --orange-03: #FFEAD5;
  --orange-04: #FDDCAB;
  --orange-05: #FEB273;
  --orange-06: #FF9858;
  --orange-07: #FF762C;
  --orange-08: #FF5C00;
  --orange-09: #FA4700;
  --orange-10: #CE3C03;
  --orange-11: #993700;
  --orange-12: #711A07;

  /* ============================================================
     Semantic aliases — UI tokens (mapping per PDF Semantic page)
     ============================================================ */

  /* Primary brand */
  --primary:         var(--brand-08); /* #10B9A7 */
  --primary-hover:   var(--brand-09); /* #00A18E */
  --primary-pressed: var(--brand-10); /* #008C7B */
  --primary-dark:    var(--brand-11); /* #007163 — emphasized text */
  --primary-light:   var(--brand-01); /* #E7FFFB — bg tint */
  --primary-tint:    var(--brand-02); /* #D0F8F3 — row tint */
  --on-primary:      var(--white);

  /* Status — Success / Warning / Error */
  --success:    var(--green-07);
  --success-bg: var(--green-02);
  --warn:       var(--yellow-09);
  --warn-bg:    var(--yellow-02);
  --danger:     var(--red-08);
  --danger-bg:  var(--red-02);

  /* Text / Surface — Mono gray based */
  --ink:            var(--gray-10); /* #1A1A1A — premium dark surface */
  --ink-soft:       var(--gray-09);

  --text-1:         var(--gray-10); /* body title */
  --text-2:         var(--gray-07); /* secondary */
  --text-3:         var(--gray-05); /* caption / disabled */
  --text-on-dark:   var(--white);
  --text-on-dark-2: var(--gray-03);

  --border:         var(--gray-02); /* #E5E5E5 */
  --border-strong:  var(--gray-03);

  --bg-page:        var(--gray-00);
  --bg-card:        var(--white);
  --bg-row-rec:     var(--brand-01); /* highlighted row */

  /* Score (학습 성과) */
  --score-100:  var(--brand-09);
  --score-high: var(--green-07);
  --score-mid:  var(--yellow-09);
  --score-low:  var(--red-08);

  /* AI 학습 */
  --ai-primary: var(--brand-09);
  --ai-success: var(--green-07);
  --ai-pending: var(--yellow-09);

  /* ---------- Gradients — the ONLY gradients in the system ---------- */
  --grad-mint:      linear-gradient(90deg, var(--brand-08) 0%, var(--brand-06) 100%);
  --grad-mint-cyan: linear-gradient(90deg, var(--brand-08) 0%, var(--lblue-08) 100%);
}