/* pinoterra — Theme-Independent Layout Tokens */

:root {
  /* Sidebar */
  --sidebar-width: 260px;
  --sidebar-collapsed-width: 60px;
  --navbar-height: 50px;
  --footer-height: 40px;
  --sidebar-hover-bg: rgba(255, 255, 255, 0.1);
  --sidebar-border: rgba(255, 255, 255, 0.08);
  --sidebar-scrollbar: rgba(255, 255, 255, 0.15);
  --sidebar-input-border: rgba(255, 255, 255, 0.12);
  --sidebar-input-bg: rgba(255, 255, 255, 0.06);
  --sidebar-input-focus-bg: rgba(255, 255, 255, 0.1);
  --sidebar-placeholder: #777;

  /* Card */
  --card-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);

  /* Card */
  --card-radius: 6px;
  --card-padding: 20px;

  /* Content */
  --content-padding: 24px;
  --grid-gap: 16px;

  /* Controls */
  --btn-radius: 4px;
  --btn-padding: 7px 16px;
  --badge-radius: 3px;
  --form-control-radius: 4px;
  --form-control-padding: 7px 12px;

  /* Typography */
  --font-body: 14px;
  --font-headline: 20px;
  --font-label: 12px;
  --font-caption: 11px;
  --font-mono: 13px;
  --font-badge: 11px;
  --font-button: 13px;
  --font-table-header: 11px;

  /* Font Family */
  --font-family-sans: 'DM Sans', 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --font-family-serif: 'DM Serif Display', Georgia, Cambria, serif;
  --font-family-mono: 'IBM Plex Mono', 'Cascadia Mono', Consolas, monospace;
}