/* Wellwards brand tokens. Ported from the as-built remitme dashboard
   (dashboard/src/index.css). Accent colours are theme-independent; surfaces
   and text flip between light and dark. */

@font-face {
  font-family: 'Aaux Next';
  src: url('/static/fonts/aauxnextmdwebfont.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Aaux Next';
  src: url('/static/fonts/aauxnextmdwebfont.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Aaux Next';
  src: url('/static/fonts/aauxnextbdwebfont.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Aaux Next';
  src: url('/static/fonts/AauxNextBlk.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --color-primary: #f0523d;
  --color-primary-foreground: #ffffff;
  --color-secondary: #fafafa;
  --color-secondary-foreground: #272727;
  --color-info: #00b2ff;
  --color-info-foreground: #ffffff;
  --color-muted: #fafafa;
  --color-muted-foreground: #7a7a7a;
  --color-accent: #f1f1f1;
  --color-accent-foreground: #272727;
  --color-destructive: #ef4444;
  --color-destructive-foreground: #ffffff;
  --color-success: #10b981;
  --color-success-foreground: #ffffff;
  /* "Needs review" reads coral, the brand attention colour (was amber). */
  --color-warning: #f0523d;
  --color-warning-foreground: #ffffff;
  --color-background: #f6f6f6;
  --color-foreground: #272727;
  --color-card: #ffffff;
  --color-card-foreground: #272727;
  --color-popover: #ffffff;
  --color-popover-foreground: #272727;
  --color-border: #e7e7e7;
  --color-input: #e7e7e7;
  --color-ring: #f0523d;
  /* Light sidebar in light mode — Wellwards-authentic. */
  --color-sidebar: #ffffff;
  --color-sidebar-foreground: #3e3e3e;
  --color-sidebar-muted: #f1f1f1;
  --color-sidebar-accent: #f0523d;

  /* Near-square radii per Wellwards. */
  --radius-sm: 0.1875rem;
  --radius-md: 0.25rem;
  --radius-lg: 0.25rem;
  --radius-xl: 0.375rem;

  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);

  --font-sans: 'Aaux Next', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
    'Helvetica Neue', Arial, sans-serif;
}

[data-theme="dark"] {
  --color-secondary: #1f1f1f;
  --color-secondary-foreground: #f3f3f3;
  --color-muted: #161616;
  --color-muted-foreground: #8a8a8a;
  --color-accent: #1f1f1f;
  --color-accent-foreground: #f3f3f3;
  --color-background: #0e0e0e;
  --color-foreground: #f3f3f3;
  --color-card: #1a1a1a;
  --color-card-foreground: #f3f3f3;
  --color-popover: #1a1a1a;
  --color-popover-foreground: #f3f3f3;
  --color-border: #2b2b2b;
  --color-input: #2b2b2b;
  --color-sidebar: #141414;
  --color-sidebar-foreground: #bdbdbd;
  --color-sidebar-muted: #1f1f1f;
}

* {
  border-color: var(--color-border);
}

body {
  margin: 0;
  min-height: 100vh;
  background-color: var(--color-background);
  color: var(--color-foreground);
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
}

::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--color-border); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: var(--color-muted-foreground); }

:focus-visible {
  outline: 2px solid var(--color-ring);
  outline-offset: 2px;
}