/* Ocenix dark theme v1. Source: platform/static/css/tokens/colors.css.
   This unlayered stylesheet follows Kaneo's compiled Tailwind stylesheet.
   Keep semantic status/priority colours supplied by Kaneo. */
@import url('./fonts.css');

:root {
  --font-sans: 'Golos Text', system-ui, sans-serif;
  --font-heading: 'Unbounded', 'Golos Text', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;
  --radius: .75rem;
  --ocenix-yellow: #FFD23F;
  --ocenix-yellow-hover: #FFE071;
  --ocenix-yellow-press: #F2C43D;
  --primary: #FFD23F;
  --primary-foreground: #0A111C;
  --ring: #B38400;
  --background: #F0F3F7;
  --foreground: #203048;
  --card: #FFFFFF;
  --card-foreground: #203048;
  --popover: #FFFFFF;
  --popover-foreground: #203048;
  --muted: #E7ECF3;
  --muted-foreground: #54637A;
  --secondary: #EEF4FB;
  --secondary-foreground: #203048;
  --accent: #E7ECF3;
  --accent-foreground: #0E2440;
  --border: #DCE3EC;
  --input: #BCC8D8;
  --sidebar: #FFFFFF;
  --sidebar-foreground: #54637A;
  --sidebar-primary: #FFD23F;
  --sidebar-primary-foreground: #0A111C;
  --sidebar-accent: #FFF6DC;
  --sidebar-accent-foreground: #0E2440;
  --sidebar-border: #DCE3EC;
  --sidebar-ring: #B38400;
  --code: #F7F9FC;
  --code-foreground: #203048;
  --code-highlight: #E7ECF3;
}

:root.dark {
  color-scheme: dark;
  --background: #0A111C;
  --foreground: #EAF0F8;
  --card: #121B2A;
  --card-foreground: #EAF0F8;
  --popover: #152238;
  --popover-foreground: #EAF0F8;
  --muted: #18253A;
  --muted-foreground: #BCC8D8;
  --secondary: #18253A;
  --secondary-foreground: #EAF0F8;
  --accent: #203048;
  --accent-foreground: #F7F9FC;
  --border: #203048;
  --input: #31455E;
  --primary: #FFD23F;
  --primary-foreground: #0A111C;
  --ring: #FFD23F;
  --sidebar: #121B2A;
  --sidebar-foreground: #BCC8D8;
  --sidebar-primary: #FFD23F;
  --sidebar-primary-foreground: #0A111C;
  --sidebar-accent: rgba(255,210,63,.14);
  --sidebar-accent-foreground: #FFD23F;
  --sidebar-border: #1A2A42;
  --sidebar-ring: #FFD23F;
  --code: #0E1726;
  --code-foreground: #EAF0F8;
  --code-highlight: #18253A;
}

body { font-family: var(--font-sans); }
[data-slot='button'] { font-family: 'Onest', var(--font-sans); }
[data-slot='button'].bg-primary {
  background-color: var(--ocenix-yellow);
  color: #0A111C;
  border-color: transparent;
  box-shadow: 0 6px 18px rgba(201,147,10,.12);
}
[data-slot='button'].bg-primary:not(:disabled):hover { background-color: var(--ocenix-yellow-hover); }
[data-slot='button'].bg-primary:not(:disabled):is(:active,[data-pressed]) { background-color: var(--ocenix-yellow-press); }
[data-slot='card'] { border-color: var(--border); box-shadow: 0 8px 28px rgba(0,0,0,.12); }
[data-slot='dialog-popup'], [data-slot='sheet-popup'] { border-color: var(--border); }
[data-slot='sidebar-menu-button'][data-active='true'] { background: var(--sidebar-accent); color: var(--sidebar-accent-foreground); }
:root.dark [data-slot='input-control'] { background: #0E1726; }
img:is([src='/logo-dark.svg'],[src='/logo-light.svg']) { height: 2rem; width: auto; max-width: 100%; }

/* Auth layout only; board controls keep their compact upstream dimensions. */
#root > div > div:has(> div > a[href='/dashboard'] > img[alt='Kaneo']) {
  background-image: radial-gradient(ellipse at 50% 0%, rgba(22,52,90,.16), transparent 65%);
}
div:has(> a[href='/dashboard'] > img[alt='Kaneo']) > [data-slot='card'] { border-radius: 1rem; }
div:has(> a[href='/dashboard'] > img[alt='Kaneo']) [data-slot='card-title'] { font-family: var(--font-heading); font-size: 1.2rem; line-height: 1.5; }
div:has(> a[href='/dashboard'] > img[alt='Kaneo']) :is(input[type='email'], input[type='password'], input[name='password']) { min-height: 2.75rem; }
div:has(> a[href='/dashboard'] > img[alt='Kaneo']) button[type='submit'] { min-height: 2.75rem; border-radius: .75rem; }

@media (prefers-reduced-motion: reduce) {
  [data-slot='button'] { transition: none; }
}