/* Tokens do Athena Phone (opcao C), copiados de
   linphone-desktop/Linphone/view/Style/DefaultStyle.qml (paletas claro e escuro)
   e Themes.qml (destaque "neutro", o da fabrica). Mudou la, muda aqui. */

@font-face { font-family: "Geist"; src: url("../fonts/Geist-Regular.ttf") format("truetype"); font-weight: 400; }
@font-face { font-family: "Geist"; src: url("../fonts/Geist-Medium.ttf") format("truetype"); font-weight: 500; }
@font-face { font-family: "Geist"; src: url("../fonts/Geist-SemiBold.ttf") format("truetype"); font-weight: 600; }
@font-face { font-family: "Geist Mono"; src: url("../fonts/GeistMono-Regular.ttf") format("truetype"); font-weight: 400; }
@font-face { font-family: "Geist Mono"; src: url("../fonts/GeistMono-Medium.ttf") format("truetype"); font-weight: 500; }

/* Escuro: paletteDark do DefaultStyle.qml */
:root, [data-tema="escuro"] {
  --canvas: #0B0B0D;   /* layerCanvas */
  --chrome: #131316;   /* layerChrome: barra de cima e rail */
  --bg: #1A1A1E;       /* layerBg: conteudo */
  --panel: #212126;    /* layerPanel: paineis laterais, cartoes */
  --raised: #2A2A30;   /* layerRaised: controles, selecionado */
  --hover: #34343B;    /* layerHover */
  --line: #33333A;     /* lineColor */
  --checked: #4A4A53;  /* callControlChecked */

  --text: #EDEDED;         /* texto_primario */
  --text-2: #A1A1A1;       /* texto_secundario */
  --text-mute: #A3A3AD;    /* texto_mudo */
  --text-ph: #A6A6AE;      /* texto_placeholder */
  --text-off: #76767F;     /* texto_desabilitado */
  --text-ok: #3ECF8E;      /* texto_sucesso */
  --text-warn: #FADE2A;    /* texto_aviso */
  --text-bad: #FF808C;     /* texto_erro */
  --text-info: #6BB9FF;    /* texto_info */

  /* destaque neutro, rampa "escuro" */
  --accent: #EDEDED; --accent-hover: #F4F4F5; --on-accent: #0B0B0D;

  --ok-bg: #1D3B2C; --warn-bg: #3A3312; --bad-bg: #3D2222;
  --shadow: 0 16px 40px rgba(0,0,0,.45);
  color-scheme: dark;
}

/* Claro: palette (claro) do DefaultStyle.qml */
[data-tema="claro"] {
  --canvas: #E9E9EC; --chrome: #F4F4F5; --bg: #FFFFFF; --panel: #FAFAFA;
  --raised: #F0F0F2; --hover: #E8E8EB; --line: #E4E4E7; --checked: #D4D4D8;

  --text: #18181B; --text-2: #52525B; --text-mute: #56636F; --text-ph: #5E5E66;
  --text-off: #85858D; --text-ok: #16774B; --text-warn: #7A5F00; --text-bad: #C42B3E;
  --text-info: #02528D;

  /* destaque neutro, rampa "claro" (carvao) */
  --accent: #27272A; --accent-hover: #18181B; --on-accent: #FFFFFF;

  --ok-bg: #E4F4EC; --warn-bg: #F8F1D4; --bad-bg: #FBE9E9;
  --shadow: 0 12px 32px rgba(0,0,0,.12);
  color-scheme: light;
}

/* A janela de call e' escura nos dois temas (callSurface = paletteDark). So' a
   bancada dentro dela segue o tema. Use .sempre-escuro na moldura. */
.sempre-escuro {
  --canvas: #0B0B0D; --chrome: #131316; --bg: #1A1A1E; --panel: #212126;
  --raised: #2A2A30; --hover: #34343B; --line: #33333A; --checked: #4A4A53;
  --text: #EDEDED; --text-2: #A1A1A1; --text-mute: #A3A3AD; --text-off: #76767F;
  --text-ok: #3ECF8E; --text-warn: #FADE2A; --text-bad: #FF808C; --text-info: #6BB9FF;
  --accent: #EDEDED; --accent-hover: #F4F4F5; --on-accent: #0B0B0D;
  --ok-bg: #1D3B2C; --warn-bg: #3A3312; --bad-bg: #3D2222;
  color-scheme: dark;
}

:root {
  /* status: iguais nos dois temas (statusOk/Bad/Warn/Focus/Caller) */
  --ok: #3ECF8E; --bad: #F2495C; --warn: #FADE2A; --focus: #5E6AD2;
  --caller: #5794F2; --agent: #3ECF8E; --neutral: #5A5A5A; --on-status: #000000;

  --r-mark: 2px; --r-kbd: 4px; --r-control: 6px; --r-panel: 8px; --r-window: 12px;
  --s1: 4px; --s2: 6px; --s3: 8px; --s4: 12px; --s5: 16px; --s6: 20px;
  --row: 44px; --control: 36px; --control-sm: 30px;

  --sans: "Geist", "Segoe UI", system-ui, sans-serif;
  --mono: "Geist Mono", ui-monospace, Consolas, monospace;
}