/* ===== Axiom — Base compartida (variables, reset, home, chrome) ===== */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');

  :root{
    /* Base neutrals shared by the whole hub */
    --ink:#0f1720;
    --paper:#eef1ea;
    --line:#c9cfc2;
    --muted:#6b7364;
    --card:#f7f8f3;
    --mono: 'JetBrains Mono', monospace;
    --sans: 'Space Grotesk', sans-serif;

    /* Repo Dock (GitHub) palette */
    --gh-ink:#0d1117;
    --gh-surface:#161b22;
    --gh-accent:#2ea043;
    --gh-accent-deep:#238636;
    --gh-line:#30363d;
    --gh-muted:#8b949e;
    --gh-card:#f6f8fa;

    /* Edge Deck (Cloudflare) palette */
    --cf-ink:#12100a;
    --cf-accent:#f6821f;
    --cf-accent-deep:#c9660a;
    --cf-accent-2:#faad3f;
    --cf-line:#e8dcc8;
    --cf-muted:#7a6f5c;
    --cf-card:#fdf8f0;

    --red:#a3402f;
  }
  *{box-sizing:border-box;}
  html,body{margin:0;padding:0;}
  body{
    background:var(--paper);
    color:var(--ink);
    font-family:var(--sans);
    min-height:100vh;
    padding:20px 16px 40px;
    -webkit-tap-highlight-color:transparent;
  }
  .wrap{max-width:640px;margin:0 auto;}
  .view{display:none;}
  .view.active{display:block;}

  /* ============ HOME ============ */
  .home-header{margin-bottom:24px;}
  .home-header .eyebrow{
    font-family:var(--mono); font-size:0.7rem; text-transform:uppercase;
    letter-spacing:0.12em; color:var(--muted);
  }
  .home-header h1{
    font-size:2.1rem; margin:6px 0 8px; letter-spacing:-0.03em; font-weight:700;
  }
  .home-header p{font-size:0.92rem; color:var(--muted); line-height:1.55; margin:0;}

  .tool-grid{display:flex; flex-direction:column; gap:14px; margin-top:26px;}

  .tool-card{
    position:relative;
    border-radius:3px;
    padding:22px;
    cursor:pointer;
    overflow:hidden;
    border:1px solid transparent;
    transition:transform 0.12s ease;
    display:block;
    text-decoration:none;
  }
  .tool-card:active{transform:scale(0.985);}
  .tool-card .tc-top{display:flex; justify-content:space-between; align-items:flex-start;}
  .tool-card .tc-mark{
    font-family:var(--mono); font-size:0.66rem; text-transform:uppercase; letter-spacing:0.1em;
    padding:3px 8px; border-radius:1px;
  }
  .tool-card h3{font-size:1.25rem; margin:14px 0 6px; font-weight:700; letter-spacing:-0.01em;}
  .tool-card p{font-size:0.82rem; line-height:1.5; margin:0 0 14px; max-width:88%;}
  .tool-card .tc-cta{
    font-family:var(--mono); font-size:0.72rem; text-transform:uppercase;
    letter-spacing:0.06em; display:inline-flex; align-items:center; gap:6px;
  }
  .tool-card .tc-arrow{transition:transform 0.15s ease;}
  .tool-card:hover .tc-arrow{transform:translateX(3px);}

  /* Repo Dock card styling */
  .tool-card.gh{
    background:var(--gh-surface);
    border-color:var(--gh-line);
  }
  .tool-card.gh .tc-mark{background:var(--gh-accent); color:#fff;}
  .tool-card.gh h3{color:#f0f6fc;}
  .tool-card.gh p{color:var(--gh-muted);}
  .tool-card.gh .tc-cta{color:var(--gh-accent);}
  .tool-card.gh::after{
    content:'';
    position:absolute; right:-30px; bottom:-30px; width:120px; height:120px;
    background:radial-gradient(circle, rgba(46,160,67,0.18), transparent 70%);
  }

  /* Edge Deck card styling */
  .tool-card.cf{
    background:linear-gradient(135deg, #fff8ee, var(--cf-card));
    border-color:var(--cf-line);
  }
  .tool-card.cf .tc-mark{background:var(--cf-accent); color:#fff;}
  .tool-card.cf h3{color:var(--cf-ink);}
  .tool-card.cf p{color:var(--cf-muted);}
  .tool-card.cf .tc-cta{color:var(--cf-accent-deep);}
  .tool-card.cf::after{
    content:'';
    position:absolute; right:-30px; bottom:-30px; width:120px; height:120px;
    background:radial-gradient(circle, rgba(246,130,31,0.18), transparent 70%);
  }

  /* Placeholder / add-tool card */
  .tool-card.add{
    background:transparent;
    border:1.5px dashed var(--line);
    display:flex; align-items:center; justify-content:center;
    padding:20px; min-height:74px;
  }
  .tool-card.add span{
    font-family:var(--mono); font-size:0.76rem; color:var(--muted);
    text-transform:uppercase; letter-spacing:0.08em;
  }

  .home-footer{
    text-align:center; font-family:var(--mono); font-size:0.68rem;
    color:var(--muted); margin-top:34px; letter-spacing:0.03em;
  }

  /* ============ SHARED TOOL CHROME ============ */
  .tool-topbar{
    display:flex; align-items:center; gap:10px; margin-bottom:18px;
  }
  .back-btn{
    font-family:var(--mono); font-size:0.72rem; text-transform:uppercase;
    letter-spacing:0.06em; background:transparent; border:1px solid var(--ink);
    color:var(--ink); padding:7px 12px; border-radius:1px; cursor:pointer;
    display:inline-flex; align-items:center; gap:6px;
    text-decoration:none;
  }
  .back-btn:active{transform:scale(0.97);}

  .tool-footer-credit{
    text-align:center; font-family:var(--mono); font-size:0.68rem;
    color:var(--muted); margin-top:10px; letter-spacing:0.04em;
  }