/*
  Dreams Core — curated design tokens for InnPms staff shell (036).
  Source: ThemeForest Dreams Core (Dreams Technologies). Not the full theme.
  Keep copper accent (#e8830f); do not apply banking gold override.
*/

:root {
  /* Brand: Deep Teal (primary) */
  --dc-primary-50: #effaf6;
  --dc-primary-100: #d7f2e7;
  --dc-primary-200: #b0e4d0;
  --dc-primary-300: #7ed0b4;
  --dc-primary-400: #48b594;
  --dc-primary-500: #24997c;
  --dc-primary-600: #187f65;
  --dc-primary-700: #146553;
  --dc-primary-800: #135144;
  --dc-primary-900: #114339;
  --dc-primary-950: #082720;
  --dc-primary: var(--dc-primary-600);

  /* Brand: Warm Copper (accent) */
  --dc-accent-50: #fff8ec;
  --dc-accent-100: #ffebc7;
  --dc-accent-200: #ffd68d;
  --dc-accent-300: #febd54;
  --dc-accent-400: #f8a22c;
  --dc-accent-500: #e8830f;
  --dc-accent-600: #c8682a;
  --dc-accent-700: #a15220;
  --dc-accent-800: #7d3f1d;
  --dc-accent-900: #67341c;
  --dc-accent-950: #38190d;
  --dc-accent: var(--dc-accent-500);

  /* Neutral: Warm Graphite */
  --dc-neutral-0: #ffffff;
  --dc-neutral-25: #fcfcfb;
  --dc-neutral-50: #f7f8f7;
  --dc-neutral-100: #eff1f0;
  --dc-neutral-150: #e4e7e5;
  --dc-neutral-200: #d8dcd9;
  --dc-neutral-300: #c0c6c2;
  --dc-neutral-400: #98a29b;
  --dc-neutral-500: #757f79;
  --dc-neutral-600: #5a625c;
  --dc-neutral-700: #454b46;
  --dc-neutral-800: #2e3230;
  --dc-neutral-900: #1e211f;
  --dc-neutral-950: #131513;

  /* Semantic */
  --dc-success-50: #ecfaf3;
  --dc-success-500: #1e9e6b;
  --dc-success-600: #16814d;
  --dc-warning-50: #fdf6e9;
  --dc-warning-500: #dc9a2c;
  --dc-warning-600: #b87c1c;
  --dc-danger-50: #fceeee;
  --dc-danger-500: #d0504c;
  --dc-danger-600: #b33d3a;
  --dc-info-500: #3e7ead;
  --dc-info-600: #2e6690;

  --dc-font-sans: "Plus Jakarta Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
  --dc-radius: 5px;
  --dc-sidebar-width: 250px;
  --dc-header-height: 4rem;
}

:root,
[data-theme="light"] {
  --surface-canvas: var(--dc-neutral-50);
  --surface-base: var(--dc-neutral-0);
  --surface-raised: var(--dc-neutral-0);
  --surface-sunken: var(--dc-neutral-100);
  --border-subtle: var(--dc-neutral-150);
  --border-default: var(--dc-neutral-200);
  --border-strong: var(--dc-neutral-300);
  --text-primary: var(--dc-neutral-900);
  --text-secondary: var(--dc-neutral-600);
  --text-tertiary: var(--dc-neutral-500);
  --text-on-brand: var(--dc-neutral-0);
  --sidebar-bg: #14201c;
  --sidebar-bg-active: #1b2b25;
  --sidebar-border: rgb(255 255 255 / 0.06);
  --sidebar-text: rgb(255 255 255 / 0.62);
  --sidebar-text-active: var(--dc-neutral-0);
  --dc-shadow-sm: 0 1px 3px 0 rgb(30 33 31 / 0.06), 0 1px 2px -1px rgb(30 33 31 / 0.05);
  --dc-shadow-md: 0 4px 10px -2px rgb(30 33 31 / 0.07), 0 2px 6px -3px rgb(30 33 31 / 0.06);
}

[data-theme="dark"] {
  --surface-canvas: #0f1211;
  --surface-base: #171a18;
  --surface-raised: #1d211f;
  --surface-sunken: #131615;
  --border-subtle: rgb(255 255 255 / 0.06);
  --border-default: rgb(255 255 255 / 0.1);
  --border-strong: rgb(255 255 255 / 0.16);
  --text-primary: var(--dc-neutral-50);
  --text-secondary: var(--dc-neutral-300);
  --text-tertiary: var(--dc-neutral-400);
  --text-on-brand: var(--dc-neutral-0);
  --sidebar-bg: #0c0f0d;
  --sidebar-bg-active: #171f1b;
  --sidebar-border: rgb(255 255 255 / 0.06);
  --sidebar-text: rgb(255 255 255 / 0.56);
  --sidebar-text-active: var(--dc-neutral-0);
  --dc-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.35);
  --dc-shadow-md: 0 6px 18px rgba(0, 0, 0, 0.4);
}

/* 037 — component glow / elevation extras */
:root {
  --dc-shadow-glow-primary: 0 8px 24px -6px rgb(24 127 101 / 0.35);
  --dc-shadow-glow-accent: 0 8px 24px -6px rgb(232 131 15 / 0.3);
  --dc-shadow-glow-danger: 0 8px 24px -6px rgb(208 80 76 / 0.35);
  --dc-shadow-lg: 0 10px 28px -8px rgb(30 33 31 / 0.12), 0 4px 10px -4px rgb(30 33 31 / 0.08);
  --dc-danger-700: #8f2f2d;
  --dc-success-700: #12663d;
  --dc-warning-700: #93630f;
  --dc-info-50: #eef5fa;
  --dc-info-700: #245578;
  --dc-primary-soft: var(--dc-primary-50);
}

[data-theme="dark"] {
  --dc-shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.45);
  --dc-primary-soft: color-mix(in srgb, var(--dc-primary-500) 18%, transparent);
}