:root {
  color-scheme: light;

  /* Texto */
  --app-text-primary: #0b1a34;
  --app-text-strong: #0f172a;
  --app-text-heading: #10284e;
  --app-text-body: #173762;
  --app-text-secondary: #334155;
  --app-text-muted: #64748b;
  --app-text-subtle: #7b93b7;
  --app-icon-muted: #94a3b8;
  --app-text-on-accent: #ffffff;

  /* Superficies */
  --app-surface: #ffffff;
  --app-surface-soft: #f8fbff;
  --app-surface-muted: #f5f8fc;
  --app-surface-hover: #eef4ff;
  --app-surface-active: #eef4fd;
  --app-surface-table-head: #eff4fb;
  --app-surface-modal-head: #f7f9fb;
  --app-control-disabled-background: #f8fafc;

  /* Bordas e foco */
  --app-border: #c9d4e3;
  --app-border-soft: #d8e2f0;
  --app-border-panel: #d3dfee;
  --app-border-control: #c4d4e7;
  --app-border-control-soft: #c7d8ed;
  --app-border-divider: #dbe6f2;
  --app-border-subtle: #e2e9f3;
  --app-focus: #739ad1;
  --app-focus-ring: rgba(115, 154, 209, 0.18);

  /* Marca e acoes */
  --app-accent: #12274e;
  --app-accent-strong: #0d1f40;
  --app-accent-soft: #e8eef9;
  --app-primary-border: #173367;
  --app-primary-background: linear-gradient(180deg, #1f4388 0%, #122b57 100%);
  --app-primary-shadow: 0 8px 20px rgba(18, 43, 87, 0.24);
  --app-dark-border: #2a456f;
  --app-dark-background: linear-gradient(180deg, #263f65 0%, #152845 100%);
  --app-ghost-border: #c5d4e6;
  --app-ghost-text: #1c3b67;
  --app-ghost-hover-background: #f2f7ff;
  --app-ghost-hover-border: #b3c8e1;

  /* Estados */
  --app-danger: #b42318;
  --app-danger-soft: #fef3f2;
  --app-danger-border: #f2c3c0;
  --app-danger-background: #fff4f3;
  --app-danger-hover-background: #ffe9e7;
  --app-danger-hover-border: #e89f99;
  --app-success: #067647;
  --app-success-soft: #ecfdf3;
  --app-warning: #b54708;
  --app-warning-soft: #fffaeb;
  --app-warning-pale: #fffbeb;

  /* Camadas, paineis e sombras */
  --app-overlay: rgba(15, 23, 42, 0.48);
  --app-overlay-strong: rgba(15, 23, 42, 0.54);
  --app-page-background:
    radial-gradient(1100px 520px at -15% -5%, #dce8fb 0%, rgba(220, 232, 251, 0) 70%),
    radial-gradient(860px 420px at 112% 12%, #e8f0ff 0%, rgba(232, 240, 255, 0) 68%),
    linear-gradient(145deg, #ebf1f8 0%, #f8faff 46%, #edf3fb 100%);
  --app-panel-background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  --app-card-glow: radial-gradient(circle, rgba(209, 224, 248, 0.55), rgba(209, 224, 248, 0));
  --app-panel-shadow: 0 16px 36px rgba(12, 33, 64, 0.08);
  --app-dropdown-shadow: 0 16px 30px rgba(12, 33, 64, 0.16);
  --app-modal-shadow: 0 28px 80px rgba(2, 6, 23, 0.32);
  --app-topbar-background: rgba(255, 255, 255, 0.85);
  --app-topbar-shadow: 0 10px 34px rgba(13, 31, 64, 0.09);
  --app-user-chip-background: rgba(245, 248, 252, 0.92);
  --app-bottom-sheet-close-background: rgba(255, 255, 255, 0.9);

  /* Componentes compartilhados */
  --app-table-head-text: #2a4872;
  --app-label-text: #324d76;
  --app-control-text: #0c1f3f;
  --app-control-placeholder: #7b93b7;
  --app-modal-border: #d7e1ea;
  --app-modal-divider: #dbe2e8;
  --app-modal-text: #111b21;
  --app-bottom-sheet-action-text: #173762;
  --app-nav-text: #2a456f;
  --app-nav-hover-text: #16335e;
  --app-dropdown-border: #cddbec;
  --app-interactive-border: #b7cbe4;
  --app-icon-text: #243f68;

  /* Central de notificacoes */
  --app-notification-badge-background: #e5484d;
  --app-notification-shadow: 0 18px 36px rgba(12, 33, 64, 0.18);
  --app-notification-heading: #10213d;
  --app-notification-accent: #244a80;
  --app-notification-tab-text: #61758f;
  --app-notification-action: #315c91;
  --app-notification-action-hover: #0f2e58;
  --app-notification-group-border: #dbe4ef;
  --app-notification-count-background: #edf4ff;
  --app-notification-count-border: #c8dcf5;
  --app-notification-meta: #49698f;
  --app-notification-date: #6b7f99;
  --app-notification-title: #25364f;
  --app-notification-read: #667891;
  --app-notification-compact: #4f6684;

  /* Navegacao mobile */
  --app-sidebar-overlay: rgba(8, 24, 48, 0.42);
  --app-sidebar-background:
    radial-gradient(560px 260px at -15% -20%, rgba(193, 212, 240, 0.58) 0%, rgba(193, 212, 240, 0) 68%),
    linear-gradient(180deg, #f8fbff 0%, #eef4fc 100%);
  --app-sidebar-border: #ccdaec;
  --app-sidebar-shadow: 18px 0 42px rgba(9, 27, 55, 0.2);
  --app-sidebar-divider: #d8e4f2;
  --app-sidebar-text: #173762;
  --app-sidebar-hover-background: #eaf2ff;
  --app-sidebar-active-background: #1f3561;
  --app-sidebar-subtext: #2d4a73;
  --app-sidebar-indicator: #c4d5ec;
  --app-sidebar-footer-background: rgba(248, 251, 255, 0.88);

  /* Seletor de periodo */
  --app-date-trigger-border: #c7d8ed;
  --app-date-trigger-border-active: #8fb6e6;
  --app-date-trigger-text: #173861;
  --app-date-trigger-value: #1d4a82;
  --app-date-muted: #6f87a9;
  --app-date-soft-background: #f6f9ff;
  --app-date-soft-border: #d8e4f4;
  --app-date-accent: #2f6bc3;
  --app-date-accent-hover: #2559a7;
  --app-date-range-background: rgba(47, 107, 195, 0.18);
  --app-date-selected-background: #deebff;
  --app-date-apply-background: #163b70;
  --app-date-apply-hover-background: #102f5d;
  --app-date-popover-shadow: 0 18px 40px rgba(18, 47, 89, 0.18);

  /* Arvore de categorias e galeria */
  --app-tree-caret: #8da0b8;
  --app-tree-border: #c7d8eb;
  --app-tree-divider: #e5edf6;
  --app-tree-hover-background: #eef5ff;
  --app-tree-text: #0f2547;
  --app-tree-selected-background: #dbeafe;
  --app-tree-selected-text: #123c75;
  --app-tree-shadow: 0 18px 38px rgba(15, 35, 67, 0.18);
  --app-gallery-divider: #e7edf3;
  --app-gallery-icon-background: #eef2f5;
  --app-gallery-text: #173153;
  --app-gallery-muted: #6b7d91;

  /* Catalogos, filtros e menus de linha */
  --app-catalog-breadcrumb: #7a90b1;
  --app-catalog-control-border: #c7d8ed;
  --app-catalog-control-shadow: inset 0 0 0 1px rgba(199, 216, 237, 0.12);
  --app-catalog-action-border: #c4d5ea;
  --app-catalog-action-background: #f2f7ff;
  --app-catalog-action-hover-background: #e8f0ff;
  --app-catalog-action-text: #1e3f6c;
  --app-catalog-chip-background: #f6faff;
  --app-catalog-chip-text: #23466f;
  --app-catalog-tab-text: #7790b2;
  --app-catalog-tab-strong-text: #4a648a;
  --app-catalog-active-chip-border: #c3d5eb;
  --app-catalog-active-chip-text: #1c467a;
  --app-row-action-border: #cfdded;
  --app-row-action-background: #f7faff;
  --app-row-action-text: #244a7c;
  --app-row-action-focus: #7aa1d8;
  --app-row-action-active-background: #ebf2ff;
  --app-row-action-active-border: #b7ccec;
  --app-row-action-dropdown-border: #cddceb;
  --app-row-action-dropdown-shadow: 0 12px 28px rgba(15, 45, 85, 0.15);
  --app-row-action-item-text: #1d3f6d;
  --app-row-action-danger: #8e1f19;

  /* Aliases legados; novos componentes devem usar os tokens app-* acima. */
  --ink: var(--app-text-primary);
  --muted: #587095;
  --line: var(--app-border);
  --surface: var(--app-surface);
  --surface-soft: var(--app-surface-muted);
  --accent: var(--app-accent);
  --accent-strong: var(--app-accent-strong);
  --accent-soft: var(--app-accent-soft);
  --danger: var(--app-danger);
  --danger-soft: var(--app-danger-soft);
  --success: var(--app-success);
  --success-soft: var(--app-success-soft);
  --warning: var(--app-warning);
  --warning-soft: var(--app-warning-soft);
}