/* =========================================================
   팩토리 마블 — 디자인 토큰
   게임 화면 전체에서 쓰는 색·글꼴·선·그림자 값.
   실제 게임에서도 이 파일만 바꾸면 전체 톤이 바뀌도록 모든 값은 변수로.
   ========================================================= */
:root {
  /* ---- 바탕 / 잉크 ---- */
  --ink: #2b2118;          /* 모든 외곽선·본문 글자 (따뜻한 먹색) */
  --ink-2: #5b4a3a;        /* 보조 글자 */
  --ink-3: #8a7562;        /* 흐린 글자 (설명, 단위) */
  --paper: #fff8e8;        /* 칸·카드 기본 크림 */
  --paper-2: #fbeccb;      /* 특수 칸·카드 안쪽 */
  --paper-3: #f3dcae;      /* 눌린 면, 비활성 */
  --white: #ffffff;

  /* ---- 배경 (레퍼런스1의 머스터드) ---- */
  --stage: #f5b83d;        /* 화면 바탕 */
  --stage-deep: #e49b22;   /* 바탕 그림자·도트 */
  --frame: #2b2118;        /* 보드 테두리 */
  --center: #fdf3dc;       /* 보드 가운데 */
  --grid-line: rgba(43, 33, 24, .07);

  /* ---- 강조 ---- */
  --go: #3aa65f;           /* 진행 · 확인 버튼 (초록) */
  --go-deep: #23804a;
  --warn: #ef5b3a;         /* 경고 · 정지 */
  --gold: #ffc93c;         /* 코인 · 랜드마크 · S등급 */
  --gold-deep: #d99a0b;
  --sky: #59a8f5;          /* 데이터 */

  /* ---- 산업 단지 8색 (아이콘과 함께 씀, 색만으로 구분하지 않음) ---- */
  --g-food: #f2a43a;
  --g-textile: #d56a9a;
  --g-chem: #9475d6;
  --g-auto: #e0503f;
  --g-elec: #3f86dc;
  --g-batt: #3fae66;
  --g-bio: #1fa9a2;
  --g-semi: #555b75;

  /* ---- 플레이어 4색 (캐릭터에서 뽑음) ---- */
  --p-dalseam: #f27aa6;    /* 달샘 — 분홍 토끼 모자 */
  --p-nani: #f68a32;       /* 나니 — 주황 */
  --p-ppyak: #f7d031;      /* 뺙 — 노랑 병아리 */
  --p-yomyom: #55b6ee;     /* 욤욤 — 하늘 귀 */
  --p-dalseam-soft: #fde1ec;
  --p-nani-soft: #fee3cc;
  --p-ppyak-soft: #fdf3c4;
  --p-yomyom-soft: #d9effc;

  /* ---- 효율 등급 ---- */
  --grade-c: #a99a8a;
  --grade-b: #3fae66;
  --grade-a: #3f86dc;
  --grade-s: #ffc93c;

  /* ---- 상태 ---- */
  --st-ransom: #e0503f;
  --st-outage: #2d3550;
  --st-carbon: #7d8590;
  --st-eco: #3fae66;

  /* ---- 자원 아이콘 채움 ---- */
  --r-coin: #ffc93c;
  --r-metal: #b7c3d0;
  --r-energy: #ffb321;
  --r-data: #6db4f7;
  --r-goods: #e4ad6e;

  /* ---- 선 / 모서리 / 그림자 ---- */
  --line-w: 2px;           /* 일러스트·카드 외곽선 */
  --line-w-board: 3px;     /* 보드 테두리 */
  --r-s: 6px;
  --r-m: 12px;
  --r-l: 18px;
  --r-xl: 26px;
  --shadow-pop: 0 4px 0 var(--ink);           /* 납작한 '도장' 그림자 (레퍼런스1 느낌) */
  --shadow-soft: 0 10px 30px rgba(43, 33, 24, .25);

  /* ---- 글꼴 ---- */
  --font-body: "Pretendard", "Pretendard Variable", -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;
  --font-display: "Jua", "Pretendard", "Malgun Gothic", sans-serif;

  /* ---- 레이아웃 ---- */
  --demo-h: 34px;          /* 시안 전환 막대 (실제 게임에는 없음) */
  --gap: 12px;
}