/* /public/assets/css/theme.css */

/* --- 共通（デフォルト：ダーク＋優しいグリーン） --- */
:root{
  --bg:#0b0f14;
  --panel:#111827;
  --ink:#e7fce9;
  --sub:#9bb0c9;
  --accent:#22c55e;
  --border:#14532d;
}
html,body{margin:0;height:100%;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue";background:var(--bg);color:var(--ink)}
.wrap{max-width:960px;margin:0 auto;padding:32px 16px}
header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.brand{font-weight:800;letter-spacing:.02em}
.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:18px;margin-top:16px}
.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.meta{color:var(--sub)}
a.btn,button.btn{display:inline-block;margin-top:10px;padding:10px 14px;border-radius:10px;background:#1e293b;color:var(--ink);text-decoration:none;border:1px solid #2b3b55;cursor:pointer;transition:.2s}
a.btn:hover,button.btn:hover{background:#14532d;box-shadow:0 0 10px rgba(34,197,94,.40)}
input[type=text],input[type=password]{width:100%;padding:12px;border-radius:10px;border:1px solid var(--border);background:#0f172a;color:var(--ink)}

/* --- ロール別：必要なら色だけ上書き --- */
.role-god{
  --bg:#0a100c;                /* ほんのり緑が混じる黒 */
  --panel:#0f172a;
  --ink:#eafdf0;
  --sub:#9bb0c9;
  --accent:#22c55e;            /* 鮮やか緑 */
  --border:#166534;
}
.role-admin{
  --accent:#f59e0b;            /* 管制っぽいオレンジ */
  --border:#92400e;
}
.role-user{
  /* そのままでもOK。もし少し明るめにしたければ： */
  --panel:#0f1a22;
  --border:#166534;
}