/* ============================================================
   OURO GOLD 18K — Admin (Painel Administrativo) Foundations
   Brand DNA (espresso ink, antique gold accent) adapted for a
   dense, data-first back-office tool. Light + dark themes.
   Body/data in Mulish (sans). Serif reserved for the login mark.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600&family=Mulish:wght@400;500;600;700;800&display=swap');

:root, [data-theme="light"] {
  /* ---- Surfaces ---- */
  --ad-canvas:    #F1EEE8; /* app workspace background */
  --ad-surface:   #FFFFFF; /* cards, tables, panels */
  --ad-surface-2: #FAF8F3; /* inputs, alt rows, subtle fills */
  --ad-surface-3: #F2EDE4; /* hover rows, chips */

  /* ---- Sidebar (always espresso) ---- */
  --ad-sidebar:    #2A231C;
  --ad-sidebar-2:  #221b15;
  --ad-side-ink:   #B7A998; /* sidebar idle text */
  --ad-side-ink-2: #8A7C6B; /* sidebar muted */
  --ad-side-active-bg: rgba(216,193,148,0.12);
  --ad-side-active-ink: #F4EEE3;
  --ad-side-line:  rgba(244,238,227,0.10);

  /* ---- Ink ---- */
  --ad-ink:   #2A231C; /* primary text */
  --ad-ink-2: #5F5448; /* secondary */
  --ad-ink-3: #938777; /* muted / placeholder */

  /* ---- Lines ---- */
  --ad-line:   #E7E0D3;
  --ad-line-2: #D6CBB8;

  /* ---- Gold accent ---- */
  --ad-gold:       #AE893F;
  --ad-gold-deep:  #8C6C2C;
  --ad-gold-light: #D8C194;
  --ad-gold-wash:  #F3EAD7;

  /* ---- Semantic (with tint backgrounds) ---- */
  --ad-success: #4F7A4E; --ad-success-bg: #E7EFE5; --ad-success-line:#CBDFC7;
  --ad-warn:    #B07A2B; --ad-warn-bg:    #F6ECD9; --ad-warn-line:  #E8D4AE;
  --ad-error:   #A8442C; --ad-error-bg:   #F6E5DF; --ad-error-line: #ECC9BC;
  --ad-info:    #3F6470; --ad-info-bg:    #E4EDEF; --ad-info-line:  #C6DADE;
  --ad-neutral-bg: #EEE9DF; --ad-neutral-ink:#6B6052;

  /* ---- Focus ring ---- */
  --ad-ring: rgba(174,137,63,0.30);

  /* ---- Elevation ---- */
  --ad-shadow-sm: 0 1px 2px rgba(42,35,28,0.05);
  --ad-shadow-md: 0 4px 14px rgba(42,35,28,0.08);
  --ad-shadow-lg: 0 16px 44px rgba(42,35,28,0.16);

  --ad-chart-grid: #EBE4D7;
}

[data-theme="dark"] {
  --ad-canvas:    #1A1611;
  --ad-surface:   #221C16;
  --ad-surface-2: #2A231C;
  --ad-surface-3: #322a21;

  --ad-sidebar:    #15110D;
  --ad-sidebar-2:  #100C09;
  --ad-side-ink:   #B7A998;
  --ad-side-ink-2: #7d7162;
  --ad-side-active-bg: rgba(216,193,148,0.14);
  --ad-side-active-ink: #F4EEE3;
  --ad-side-line:  rgba(244,238,227,0.08);

  --ad-ink:   #F1EADF;
  --ad-ink-2: #BBAD9C;
  --ad-ink-3: #897C6C;

  --ad-line:   #342C22;
  --ad-line-2: #43392D;

  --ad-gold:       #C9A24B;
  --ad-gold-deep:  #B5882F;
  --ad-gold-light: #E0CB97;
  --ad-gold-wash:  #2E2719;

  --ad-success: #7BAe78; --ad-success-bg: #1E2A1D; --ad-success-line:#33482F;
  --ad-warn:    #D9A84E; --ad-warn-bg:    #2C2414; --ad-warn-line:  #4A3C1E;
  --ad-error:   #D77c60; --ad-error-bg:   #2D1B15; --ad-error-line: #4C2C20;
  --ad-info:    #79A2AE; --ad-info-bg:    #182729; --ad-info-line:  #2C4248;
  --ad-neutral-bg: #2C2419; --ad-neutral-ink:#B0A492;

  --ad-ring: rgba(201,162,75,0.34);

  --ad-shadow-sm: 0 1px 2px rgba(0,0,0,0.30);
  --ad-shadow-md: 0 4px 16px rgba(0,0,0,0.40);
  --ad-shadow-lg: 0 18px 48px rgba(0,0,0,0.55);

  --ad-chart-grid: #2F2719;
}

:root {
  /* ---- Type ---- */
  --ad-font: 'Mulish', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --ad-serif: 'Cormorant Garamond', Georgia, serif;

  /* ---- Spacing (comfortable) ---- */
  --ad-1: 4px;  --ad-2: 8px;  --ad-3: 12px; --ad-4: 16px;
  --ad-5: 20px; --ad-6: 28px; --ad-7: 40px; --ad-8: 56px;

  /* ---- Radii ---- */
  --ad-r-sm: 5px; --ad-r-md: 8px; --ad-r-lg: 12px; --ad-r-pill: 999px;

  /* ---- Layout ---- */
  --ad-sidebar-w: 256px;
  --ad-topbar-h: 64px;

  /* ---- Motion ---- */
  --ad-ease: cubic-bezier(0.22,0.61,0.36,1);
  --ad-dur: 200ms;
}

/* ============================================================ BASE */
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: var(--ad-font);
  font-size: 14px;
  line-height: 1.5;
  color: var(--ad-ink);
  background: var(--ad-canvas);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  transition: background var(--ad-dur) var(--ad-ease), color var(--ad-dur) var(--ad-ease);
}
a { color: inherit; text-decoration: none; cursor: pointer; }
button { font-family: inherit; }
svg { display: block; }
::selection { background: var(--ad-gold-wash); color: var(--ad-gold-deep); }

h1,h2,h3,h4 { margin: 0; font-weight: 700; color: var(--ad-ink); letter-spacing: -0.01em; }

/* numeric */
.ad-num { font-variant-numeric: tabular-nums; }

/* Type helpers */
.ad-page-title { font-size: 25px; font-weight: 800; letter-spacing: -0.02em; }
.ad-h2 { font-size: 18px; font-weight: 700; }
.ad-h3 { font-size: 15px; font-weight: 700; }
.ad-eyebrow { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.13em; color: var(--ad-ink-3); }
.ad-muted { color: var(--ad-ink-3); }
.ad-sec { color: var(--ad-ink-2); }
.ad-small { font-size: 13px; }
.ad-micro { font-size: 12px; }

/* scrollbars */
*::-webkit-scrollbar { width: 10px; height: 10px; }
*::-webkit-scrollbar-thumb { background: var(--ad-line-2); border-radius: 999px; border: 2px solid transparent; background-clip: padding-box; }
*::-webkit-scrollbar-track { background: transparent; }

@media (prefers-reduced-motion: reduce) {
  * { animation-duration: .001ms !important; transition-duration: .001ms !important; }
}