/*
 * CastraPET - Design System - TEMA CLARO
 */

/* Google Fonts - DM Sans */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');

:root {
   /* ===== CORES PRINCIPAIS ===== */
   --color-primary: #0083b0;
   --color-primary-hover: #006d94;
   --color-primary-light: #00b4db;
   --color-primary-lighter: rgba(0, 131, 176, 0.1);
   --color-primary-gradient: linear-gradient(135deg, #00b4db 0%, #0083b0 100%);

   --color-secondary: #4F46E5;
   --color-success: #22C55E;
   --color-success-lighter: rgba(34, 197, 94, 0.1);
   --color-warning: #F59E0B;
   --color-warning-lighter: rgba(245, 158, 11, 0.1);
   --color-danger: #f5365c;
   --color-danger-lighter: rgba(245, 54, 92, 0.1);
   --color-info: #3B82F6;
   --color-info-lighter: rgba(59, 130, 246, 0.1);

   /* ===== CORES DE FUNDO (Light Mode) ===== */
   --bg-body: #eef2f6;
   --bg-primary: #ffffff;
   --bg-secondary: #f8fafc;
   --bg-tertiary: #f0f4f8;
   --bg-card: #ffffff;
   --bg-card-hover: #f6f9fc;
   --bg-input: #ffffff;
   --bg-modal: #ffffff;
   --bg-overlay: rgba(0, 0, 0, 0.4);

   /* ===== CORES DE TEXTO ===== */
   --text-primary: #32325d;
   --text-secondary: #525f7f;
   --text-muted: #8898aa;
   --text-inverse: #ffffff;
   --text-link: var(--color-primary);
   --text-link-hover: var(--color-primary-hover);

   /* ===== BORDAS ===== */
   --border-color: #dce4ec;
   --border-color-light: #e6ecf1;
   --border-radius-xs: 4px;
   --border-radius-sm: 6px;
   --border-radius-md: 10px;
   --border-radius-lg: 14px;
   --border-radius-xl: 18px;
   --border-radius-full: 9999px;

   /* ===== SOMBRAS ===== */
   --shadow-sm: 0 2px 4px rgba(50, 50, 93, 0.08);
   --shadow-md: 0 4px 8px rgba(50, 50, 93, 0.1);
   --shadow-lg: 0 10px 20px rgba(50, 50, 93, 0.12);
   --shadow-xl: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
   --shadow-glow-primary: 0 4px 14px rgba(0, 131, 176, 0.25);

   /* ===== ESPAÇAMENTOS ===== */
   --spacing-xs: 4px;
   --spacing-sm: 8px;
   --spacing-md: 14px;
   --spacing-lg: 20px;
   --spacing-xl: 28px;
   --spacing-2xl: 40px;

   /* ===== TIPOGRAFIA - DM Sans ===== */
   --font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
   --font-family-mono: Consolas, Monaco, monospace;

   /* Tamanhos de fonte - BASE 15px */
   --font-size-xs: 0.75rem;
   /* 12px */
   --font-size-sm: 0.8125rem;
   /* 13px */
   --font-size-md: 0.9375rem;
   /* 15px - base */
   --font-size-lg: 1rem;
   /* 16px */
   --font-size-xl: 1.125rem;
   /* 18px */
   --font-size-2xl: 1.375rem;
   /* 22px */
   --font-size-3xl: 1.625rem;
   /* 26px */
   --font-size-4xl: 2rem;
   /* 32px */

   --font-weight-regular: 400;
   --font-weight-medium: 500;
   --font-weight-semibold: 600;
   --font-weight-bold: 700;

   --line-height-tight: 1.3;
   --line-height-normal: 1.5;

   /* ===== TRANSIÇÕES ===== */
   --transition-fast: 150ms ease;
   --transition-normal: 200ms ease;

   /* ===== LAYOUT ===== */
   --sidebar-width: 240px;
   --sidebar-collapsed-width: 60px;
   --navbar-height: 56px;
   --content-max-width: 1400px;

   /* ===== Z-INDEX ===== */
   --z-dropdown: 100;
   --z-sticky: 200;
   --z-fixed: 300;
   --z-modal-backdrop: 400;
   --z-modal: 500;
   --z-toast: 600;
}