/* raglab theme — Spurgeon / Encre & Papier */

/* === Inter fonts (@font-face) === */
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/inter-regular.woff2') format('woff2'),
         url('../fonts/Inter/Inter-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

/* === TiemposText fonts (@font-face) === */
@font-face {
  font-family: "TiemposText";
  src: url('../fonts/TiemposText/tiempos-text-regular.woff2') format('woff2');
  font-weight: 100 400;
  font-style: normal;
}

@font-face {
  font-family: "TiemposText";
  src: url('../fonts/TiemposText/tiempos-text-regular-italic.woff2') format('woff2');
  font-weight: 100 400;
  font-style: italic;
}

@font-face {
  font-family: "TiemposText";
  src: url('../fonts/TiemposText/tiempos-text-medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "TiemposText";
  src: url('../fonts/TiemposText/tiempos-text-medium-italic.woff2') format('woff2');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: "TiemposText";
  src: url('../fonts/TiemposText/tiempos-text-semibold.woff2') format('woff2');
  font-weight: 600 800;
  font-style: normal;
}

@font-face {
  font-family: "TiemposText";
  src: url('../fonts/TiemposText/tiempos-text-semibold-italic.woff2') format('woff2');
  font-weight: 600 800;
  font-style: italic;
}

@font-face {
  font-family: "TiemposText";
  src: url('../fonts/TiemposText/tiempos-text-bold.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "TiemposText";
  src: url('../fonts/TiemposText/tiempos-text-bold-italic.woff2') format('woff2');
  font-weight: 900;
  font-style: italic;
}

/* === CSS Variables / Design tokens === */
:root {
  /* Fonts */
  --font-body     : "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-messages : "TiemposText", Georgia, "Times New Roman", serif;
  --font-mono     : ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Palette encre/papier */
  --color-ink         : #282828;
  --color-ink-muted   : #706f6f;
  --color-paper       : #ffffff;
  --color-paper-warm  : #f5f0eb;
  --color-paper-light : #f6f0eb;

  /* Bordures */
  --color-border        : rgba(0, 0, 0, .08);
  --color-border-strong : #282828;

  /* Accents UI */
  --color-accent        : #282828;
  --color-accent-subtle : rgba(40, 40, 40, .06);

  /* Layout */
  --conv-drawer-width : 360px;

  /* Z-index — couches contenu (bas → haut) */
  --z-playground    :   0;
  --z-widget-small  : 100;
  --z-widget-big    : 200;
  --z-tabs          : 300;
  --z-media         : 400;

  /* Z-index — chrome UI (au-dessus du contenu) */
  --z-drawer        : 500;
  --z-dropdown      : 600;
  --z-modal         : 700;
  --z-toast         : 800;
  --z-tooltip       : 900;
}

/* === Reset === */
* { box-sizing: border-box; margin: 0; padding: 0; }

/* === Global === */
body {
  font-family: var(--font-body);
  color: var(--color-ink);
  background: var(--color-paper);
  height: 100vh;
  display: flex;
  flex-direction: column;
}

/* Messages in main chat area */
.bubble {
  font-family: var(--font-messages);
}

/* === Reset global === */
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
    font-family: var(--font-body);
    background: var(--color-paper);
    color: var(--color-ink);
    height: 100vh;
    display: flex;
    flex-direction: column;
}