/* Postifys fixed dashboard theme. */
:root {
  color-scheme: dark;

  --bg: #09090b;
  --surface: #18181b;
  --surface-soft: #27272a;
  --ink: #f4f4f5;
  --muted: #a1a1aa;
  --line: #27272a;
  --line-strong: #3f3f46;

  --blue: #06b6d4;
  --blue-soft: rgba(6, 182, 212, 0.12);
  --green: #10b981;
  --green-soft: rgba(16, 185, 129, 0.12);
  --purple: #8b5cf6;
  --purple-soft: rgba(139, 92, 246, 0.12);
  --danger: #ef4444;
  --danger-soft: rgba(239, 68, 68, 0.12);
  --amber: #f59e0b;
  --amber-soft: rgba(245, 158, 11, 0.12);
  --success: #10b981;
  --success-soft: rgba(16, 185, 129, 0.12);

  --navy: #0b0f19;
  --teal: #34d399;
  --pink: #f472b6;
  --wash: #09090b;
  --panel: #18181b;

  --brand: #06b6d4;
  --brand-dark: #f1f5f9;
  --accent: #34d399;

  --facebook: #1877f2;
  --instagram: #d62976;
  --tiktok: #e5e7eb;
  --youtube: #ff0033;
  --pinterest: #e60023;
  --linkedin: #0a66c2;

  --shadow: 4px 4px 0 #000;
  --shadow-hover: 5px 5px 0 #000;
}

html {
  background: var(--bg);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body {
  background: var(--bg);
  color: var(--ink);
}

::selection {
  background: rgba(6, 182, 212, 0.32);
  color: var(--ink);
}