/*
Theme Name: Aendix Office Workspace
Author: Aendix
Description: A focused WordPress office workspace theme for internal data-entry, review, statistics and employee workflow applications.
Version: 1.0.0
Text Domain: aendix-office-workspace
Domain Path: /languages
Requires at least: 6.4
Requires PHP: 7.4
*/

:root {
  --global-page-bg: #f6f7f9;
  --global-border: #e5e7eb;
  --global-border-strong: #d0d5dd;
  --global-text: #111827;
  --global-muted: #667085;
  --global-subtle: #98a2b3;
  --global-accent: #2563eb;
  --global-accent-hover: #1d4ed8;
  --global-success: #16a34a;
  --global-warning: #d97706;
  --global-danger: #dc2626;
  --global-shadow: 0 1px 2px rgba(16,24,40,.04), 0 1px 3px rgba(16,24,40,.08);
  --global-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --global-line-height: 1.55;
  --content-max-width: 1120px;
  --content-padding-x: clamp(18px, 3vw, 36px);
  --content-section-gap: 28px;
  --content-heading-text: #101828;
  --content-link-text: var(--global-accent);
  --content-card-radius: 14px;
  --content-card-bg: #ffffff;
  --content-card-border: var(--global-border);
  --button-radius: 8px;
  --button-height: 40px;
  --button-primary-bg: var(--global-accent);
  --button-primary-text: #ffffff;
  --sidebar-width: 236px;
  --sidebar-bg: #111827;
  --sidebar-border: #1f2937;
  --sidebar-text: #d1d5db;
  --sidebar-muted: #9ca3af;
  --sidebar-active-bg: rgba(255,255,255,.10);
  --sidebar-active-text: #ffffff;
  --topbar-height: 64px;
  --topbar-bg: rgba(255,255,255,.94);
  --topbar-border: var(--global-border);
  --topbar-title-text: #101828;
  --workspace-bg: var(--global-page-bg);
  --workspace-panel-bg: #ffffff;
  --workspace-panel-border: var(--global-border);
  --workspace-panel-radius: 12px;
  --workspace-gap: 16px;
  --workspace-padding: 18px;
  --metric-card-bg: #ffffff;
  --metric-card-border: var(--global-border);
  --metric-card-radius: 12px;
  --metric-value-text: #101828;
  --metric-label-text: #667085;
  --table-header-bg: #f9fafb;
  --table-header-text: #475467;
  --table-row-bg: #ffffff;
  --table-row-hover-bg: #f8fafc;
  --table-border: #e5e7eb;
  --table-text: #1f2937;
  --table-muted: #667085;
  --login-page-bg: #f3f5f8;
  --login-card-bg: #ffffff;
  --login-card-border: var(--global-border);
  --login-card-radius: 16px;
  --login-card-shadow: 0 18px 48px rgba(16,24,40,.10);
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--global-page-bg);
  color: var(--global-text);
  font-family: var(--global-font);
  line-height: var(--global-line-height);
  text-rendering: optimizeLegibility;
}
a { color: var(--content-link-text); text-decoration-thickness: .08em; text-underline-offset: .18em; }
a:hover { color: var(--global-accent-hover); }
button, input, select, textarea { font: inherit; }
img, svg, video { max-width: 100%; height: auto; }
.screen-reader-text { position:absolute!important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }