@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap");

@import "tailwindcss";
@import "trix/dist/trix.css";

@theme {
  --font-sans: "Poppins", ui-sans-serif, system-ui, sans-serif;
}

@layer base {
  body { font-family: var(--font-sans); }
  button { cursor: pointer; }
}

@layer components {
  .tom-admin-shell { background: #f7f8fa; color: #13233e; }
  .tom-sidebar { background: #2858a5; }
  .tom-topbar { background: rgba(255, 255, 255, .96); border-color: #dce4f0; }
  .tom-card { border: 1px solid #dce4f0; background: #fff; box-shadow: 0 12px 30px rgba(22, 56, 105, .08); }
  .tom-kicker { color: #2858a5; font-size: .6875rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
  .tom-page-title { color: #173c78; font-size: 1.875rem; font-weight: 700; letter-spacing: -.04em; }
  .tom-primary-button { background: #f97a13; color: #fff; box-shadow: 0 8px 18px rgba(249, 122, 19, .22); }
  .tom-primary-button:hover { background: #ee7203; }
  .tom-secondary-button { background: #2858a5; color: #fff; }
  .tom-secondary-button:hover { background: #173c78; }
  .tom-input { border-color: #cbd8e8; color: #13233e; }
  .tom-input:focus { border-color: #3ea3dc; box-shadow: 0 0 0 4px rgba(62, 163, 220, .18); }
  .tom-nav-link { color: rgba(255,255,255,.78); }
  .tom-nav-link:hover { background: rgba(255,255,255,.12); color: #fff; }
  .tom-nav-link-active { background: #fff; color: #2858a5; }
  .tom-wordmark { font-weight: 800; letter-spacing: -.06em; line-height: .84; text-transform: uppercase; }
  .tom-wave-rule { background: #3ea3dc; height: 4px; }
  .tom-login-panel { background: #2858a5; }
  .tom-login-card { box-shadow: 0 24px 60px rgba(16, 44, 91, .2); }
  .tom-rich-text { --trix-theme-color: #2858a5; }
  .tom-rich-text trix-toolbar { border: 1px solid #cbd8e8; border-bottom: 0; border-radius: .75rem .75rem 0 0; background: #f8fbff; padding: .4rem; }
  .tom-rich-text trix-editor { min-height: 12rem; border: 1px solid #cbd8e8; border-radius: 0 0 .75rem .75rem; padding: .875rem; color: #13233e; }
  .tom-rich-text trix-editor:focus { border-color: #3ea3dc; box-shadow: 0 0 0 4px rgba(62, 163, 220, .18); outline: none; }
}