/* skins.css - 6スキン束ね版。html[data-skin] で全体を切替。
   任意の要素に data-skin を付ければその要素配下だけ別スキンにできる(色見本に使用)。
   個別配布版は tarte-inc/app-templates の public/skins/NAME.css */
:root,
[data-skin="shinrai"]{
  --bg:#F4F7FA; --surface:#FFFFFF; --surface-2:#EDF2F7; --border:#D8E1E8;
  --text:#1F2A37; --text-muted:#5B6B7A;
  --accent:#1E5AA8; --accent-text:#FFFFFF;
  --ok:#1E8E5A; --warn:#B8860B; --danger:#C0392B; --info:#4C8DFF;
  --font:'Noto Sans JP',sans-serif,system-ui,sans-serif; --font-num:ui-monospace,"SFMono-Regular",Menlo,monospace;
  --font-size:14px; --line-height:1.65; --font-weight-bold:700;
  --fs-sm:12px; --fs-lg:20px;
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:20px; --sp-5:32px;
  --radius-sm:4px; --radius:8px; --radius-pill:999px;
  --shadow-1:0 1px 2px rgba(16,24,40,.06); --shadow-2:0 4px 12px rgba(16,24,40,.10);
  --control-h:40px; --table-row-h:40px;
}
[data-skin="atatakai"]{
  --bg:#FBF4EC; --surface:#FFFFFF; --surface-2:#F7EEE3; --border:#E9D7BE;
  --text:#3B2E22; --text-muted:#8A7360;
  --accent:#D97B3F; --accent-text:#FFFFFF;
  --ok:#5B8C5A; --warn:#D6A428; --danger:#C0503A; --info:#E8A26B;
  --font:'M PLUS Rounded 1c',sans-serif,system-ui,sans-serif; --font-num:ui-monospace,"SFMono-Regular",Menlo,monospace;
  --font-size:15px; --line-height:1.7; --font-weight-bold:700;
  --fs-sm:13px; --fs-lg:21px;
  --sp-1:4px; --sp-2:8px; --sp-3:14px; --sp-4:22px; --sp-5:35px;
  --radius-sm:8px; --radius:14px; --radius-pill:999px;
  --shadow-1:0 1px 3px rgba(90,60,20,.08); --shadow-2:0 6px 16px rgba(90,60,20,.12);
  --control-h:44px; --table-row-h:44px;
}
[data-skin="dark"]{
  --bg:#12161C; --surface:#1B212B; --surface-2:#232B36; --border:#2B3340;
  --text:#E6EAF0; --text-muted:#9AA5B1;
  --accent:#4C9AFF; --accent-text:#0B1220;
  --ok:#3FBF7F; --warn:#E0B23C; --danger:#E5534B; --info:#7CC0FF;
  --font:'Zen Kaku Gothic New',sans-serif,system-ui,sans-serif; --font-num:ui-monospace,"SFMono-Regular",Menlo,monospace;
  --font-size:14px; --line-height:1.6; --font-weight-bold:700;
  --fs-sm:12px; --fs-lg:19px;
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:20px; --sp-5:32px;
  --radius-sm:4px; --radius:6px; --radius-pill:999px;
  --shadow-1:0 1px 2px rgba(0,0,0,.4); --shadow-2:0 8px 20px rgba(0,0,0,.5);
  --control-h:40px; --table-row-h:38px;
}
[data-skin="wa"]{
  --bg:#F3EFE7; --surface:#FAF7F1; --surface-2:#EFE9DE; --border:#D8CBB5;
  --text:#2E2A22; --text-muted:#6E6555;
  --accent:#7A2E2E; --accent-text:#FAF3EA;
  --ok:#4B6B3A; --warn:#B08B2E; --danger:#8C2F2F; --info:#B3552E;
  --font:'Shippori Mincho',serif,system-ui,sans-serif; --font-num:ui-monospace,"SFMono-Regular",Menlo,monospace;
  --font-size:15px; --line-height:1.75; --font-weight-bold:600;
  --fs-sm:13px; --fs-lg:21px;
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:20px; --sp-5:32px;
  --radius-sm:2px; --radius:4px; --radius-pill:999px;
  --shadow-1:0 1px 2px rgba(50,30,10,.08); --shadow-2:0 4px 10px rgba(50,30,10,.14);
  --control-h:42px; --table-row-h:42px;
}
[data-skin="pop"]{
  --bg:#FFF9F0; --surface:#FFFFFF; --surface-2:#FFF1E3; --border:#FFD9A0;
  --text:#33261A; --text-muted:#7A6A55;
  --accent:#FF6B4A; --accent-text:#FFFFFF;
  --ok:#2FB673; --warn:#FFC93C; --danger:#FF4D6D; --info:#3DBDFF;
  --font:'Zen Maru Gothic',sans-serif,system-ui,sans-serif; --font-num:ui-monospace,"SFMono-Regular",Menlo,monospace;
  --font-size:15px; --line-height:1.7; --font-weight-bold:800;
  --fs-sm:13px; --fs-lg:22px;
  --sp-1:4px; --sp-2:8px; --sp-3:14px; --sp-4:24px; --sp-5:38px;
  --radius-sm:10px; --radius:16px; --radius-pill:999px;
  --shadow-1:0 2px 4px rgba(255,107,74,.12); --shadow-2:0 8px 18px rgba(255,107,74,.18);
  --control-h:46px; --table-row-h:44px;
}
[data-skin="minimal"]{
  --bg:#FAFAFA; --surface:#FFFFFF; --surface-2:#F4F4F4; --border:#E3E3E3;
  --text:#1A1A1A; --text-muted:#6B6B6B;
  --accent:#111111; --accent-text:#FFFFFF;
  --ok:#2E7D46; --warn:#9C7A1E; --danger:#B23A2E; --info:#4B4B4B;
  --font:'BIZ UDPGothic',sans-serif,system-ui,sans-serif; --font-num:ui-monospace,"SFMono-Regular",Menlo,monospace;
  --font-size:14px; --line-height:1.6; --font-weight-bold:700;
  --fs-sm:12px; --fs-lg:18px;
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:20px; --sp-5:32px;
  --radius-sm:2px; --radius:4px; --radius-pill:999px;
  --shadow-1:0 1px 1px rgba(0,0,0,.05); --shadow-2:0 2px 6px rgba(0,0,0,.08);
  --control-h:38px; --table-row-h:38px;
}