/*
 * Noesis fallback brand theme.
 * The Vue theme composable loads /brand/themes/*.css after this file.
 */

:root {
  --brand-app-name: "Noesis";
  --brand-app-tagline: "Motor de Serialización de Documentos";

  --ion-color-primary: #81af4d;
  --ion-color-primary-rgb: 129, 175, 77;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb: 255, 255, 255;
  --ion-color-primary-shade: #6a9340;
  --ion-color-primary-tint: #96be65;

  --ion-color-success: #4caf50;
  --ion-color-success-rgb: 76, 175, 80;
  --ion-color-success-contrast: #ffffff;
  --ion-color-success-contrast-rgb: 255, 255, 255;
  --ion-color-success-shade: #388e3c;
  --ion-color-success-tint: #66bb6a;

  --ion-color-warning: #faae42;
  --ion-color-warning-rgb: 250, 174, 66;
  --ion-color-warning-contrast: #121212;
  --ion-color-warning-contrast-rgb: 18, 18, 18;
  --ion-color-warning-shade: #dc993a;
  --ion-color-warning-tint: #fbb755;

  --ion-color-danger: #eb445a;
  --ion-color-danger-rgb: 235, 68, 90;
  --ion-color-danger-contrast: #ffffff;
  --ion-color-danger-contrast-rgb: 255, 255, 255;
  --ion-color-danger-shade: #cf3c4f;
  --ion-color-danger-tint: #ed576b;

  --ion-background-color: #eeeeee;
  --ion-background-color-rgb: 238, 238, 238;
  --ion-card-background: #ffffff;
  --ion-text-color: #121212;
  --ion-text-color-rgb: 18, 18, 18;

  --ion-color-step-150: #dfe5dc;
  --ion-color-step-250: #bdbebf;
  --ion-color-step-400: #819078;
  --ion-color-step-600: #6d6e6e;

  --app-bg: var(--ion-background-color);
  --surface-bg: #ffffff;
  --surface-border: var(--ion-color-step-250);
  --text-primary: var(--ion-text-color);
  --text-secondary: var(--ion-color-step-600);
  --accent: var(--ion-color-primary);
  --accent-hover: var(--ion-color-primary-tint);
  --danger: var(--ion-color-danger);
  --success: var(--ion-color-success);
  --warning: var(--ion-color-warning);

  --radius-md: 8px;
  --radius-lg: 12px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --ion-color-primary: #8caa6a;
    --ion-color-primary-rgb: 140, 170, 106;
    --ion-color-primary-contrast: #000000;
    --ion-color-primary-contrast-rgb: 0, 0, 0;
    --ion-color-primary-shade: #7b965d;
    --ion-color-primary-tint: #98b379;

    --ion-color-success: #66bb6a;
    --ion-color-success-rgb: 102, 187, 106;
    --ion-color-success-contrast: #000000;
    --ion-color-success-contrast-rgb: 0, 0, 0;
    --ion-color-success-shade: #388e3c;
    --ion-color-success-tint: #81c784;

    --ion-color-warning: #faae42;
    --ion-color-warning-rgb: 250, 174, 66;
    --ion-color-warning-contrast: #000000;
    --ion-color-warning-contrast-rgb: 0, 0, 0;
    --ion-color-warning-shade: #dc993a;
    --ion-color-warning-tint: #fbb755;

    --ion-color-danger: #ff4961;
    --ion-color-danger-rgb: 255, 73, 97;
    --ion-color-danger-contrast: #ffffff;
    --ion-color-danger-contrast-rgb: 255, 255, 255;
    --ion-color-danger-shade: #e04055;
    --ion-color-danger-tint: #ff5b71;

    --ion-background-color: #1f1f1f;
    --ion-background-color-rgb: 31, 31, 31;
    --ion-card-background: #242424;
    --ion-text-color: #f2f2f2;
    --ion-text-color-rgb: 242, 242, 242;

    --ion-color-step-150: #343434;
    --ion-color-step-250: #454545;
    --ion-color-step-400: #98b379;
    --ion-color-step-600: #9a9a9a;

    --app-bg: var(--ion-background-color);
    --surface-bg: #242424;
    --surface-border: var(--ion-color-step-150);
    --text-primary: var(--ion-text-color);
    --text-secondary: var(--ion-color-step-600);
    --accent: var(--ion-color-primary);
    --accent-hover: var(--ion-color-primary-tint);
    --danger: var(--ion-color-danger);
    --success: var(--ion-color-success);
    --warning: var(--ion-color-warning);
  }
}