:root {
  /* ─── 기본 브랜드 컬러 ─── */
  --blue: #2563eb;
  --blue-light: #3b82f6;
  --cyan: #06b6d4;
  --white: #ffffff;
  --gray-100: #f1f5f9;
  --gray-200: #e2e8f0;
  --gray-400: #94a3b8;
  --gray-600: #475569;
  --gray-800: #1e293b;
  --gray-900: #0f172a;
  --dark: #080c14;
  --card-bg: #0d1526;
  --card-border: rgba(255,255,255,0.06);

  /* ─── 앱 카드 컬러 팔레트 ───
     앱 카드/뱃지는 app-badge-1 ~ app-badge-6 클래스를 순서대로 순환해서 사용합니다.
     ((index % 6) + 1 로 계산되어 6개를 넘어가면 다시 1번부터 반복됩니다)
     새로운 색이 필요하면 --app-color-7 부터 이어서 추가하고,
     cards.css 에 .app-badge-7 규칙을 추가 + Thymeleaf 순환식의 6을 7로 바꾸면 됩니다. */
  --app-color-1: #60a5fa; --app-color-1-bg: rgba(37,99,235,0.2);  --app-color-1-border: rgba(37,99,235,0.3);  /* blue */
  --app-color-2: #22d3ee; --app-color-2-bg: rgba(6,182,212,0.15); --app-color-2-border: rgba(6,182,212,0.3);  /* cyan */
  --app-color-3: #a78bfa; --app-color-3-bg: rgba(139,92,246,0.15);--app-color-3-border: rgba(139,92,246,0.3); /* purple */
  --app-color-4: #34d399; --app-color-4-bg: rgba(16,185,129,0.18);--app-color-4-border: rgba(16,185,129,0.3); /* green */
  --app-color-5: #fb923c; --app-color-5-bg: rgba(249,115,22,0.18);--app-color-5-border: rgba(249,115,22,0.3); /* orange */
  --app-color-6: #f472b6; --app-color-6-bg: rgba(236,72,153,0.18);--app-color-6-border: rgba(236,72,153,0.3);/* pink */
}