/* beryllium-themes.css */

/* Base - reset léger */
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}

body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Variables par defaut (theme clair) */
:root {
  --bery-bg: #f5f5f7;
  --bery-bg-elevated: #ffffff;
  --bery-bg-header: #ffffff;
  --bery-bg-composer: #ffffff;

  --bery-border-subtle: #dddddd;

  --bery-text-main: #111111;
  --bery-text-muted: #666666;
  --bery-text-accent: #00796b; /* teal doux */
  --bery-text-system: #9c27b0;

  --bery-user-bubble-bg: #00796b;
  --bery-user-bubble-text: #ffffff;

  --bery-assistant-text: #111111;

  --bery-shadow-soft: 0 0 8px rgba(0, 0, 0, 0.04);

  --bery-header-height: 56px;
  --bery-thread-padding-x: 16px;
  --bery-thread-padding-y: 8px;

  --bery-composer-height-min: 48px;
  --bery-composer-height-max: 120px;

  --bery-radius-soft: 12px;
  --bery-radius-pill: 999px;
}

/* Theme clair par defaut */
#oranea-beryllium-app[data-theme="light"] {
  background-color: var(--bery-bg);
  color: var(--bery-text-main);
}

/* Theme sombre */
#oranea-beryllium-app[data-theme="dark"] {
  --bery-bg: #101010;
  --bery-bg-elevated: #181818;
  --bery-bg-header: #181818;
  --bery-bg-composer: #181818;

  --bery-border-subtle: #333333;

  --bery-text-main: #f5f5f5;
  --bery-text-muted: #aaaaaa;
  --bery-text-accent: #4dd0e1;

  --bery-user-bubble-bg: #4dd0e1;
  --bery-user-bubble-text: #051316;

  --bery-assistant-text: #f5f5f5;

  --bery-shadow-soft: 0 0 12px rgba(0, 0, 0, 0.35);
}