41 lines
1.5 KiB
CSS
41 lines
1.5 KiB
CSS
/* CluPilot operator console — density, not a second palette.
|
||
*
|
||
* This file used to hold a complete dark "Tactical Terminal" set: its own
|
||
* surfaces, its own orange, its own status triad. That made the console a
|
||
* second product. Two colours for "healthy", two oranges, two ideas of what a
|
||
* card is — and every shared component had to work in both.
|
||
*
|
||
* The console is now the same light system as everything else. What genuinely
|
||
* differs is DENSITY: an operator scans forty rows, a customer reads four. So
|
||
* this file changes spacing and type size, and nothing about colour.
|
||
*
|
||
* Dark mode is a preference, not the operator aesthetic. Light stays the
|
||
* canonical expression on every surface.
|
||
*/
|
||
.theme-admin {
|
||
/* One step down across the board. The scale is the same scale — a console
|
||
that used different type sizes as well as different spacing stops being
|
||
recognisably the same application. */
|
||
--text-base: 13.5px;
|
||
--text-md: 15px;
|
||
--text-2xl: 26px;
|
||
--text-3xl: 32px;
|
||
|
||
/* Tighter corners on a denser grid: a 16px radius around a 40px-high row
|
||
looks inflated when there are twenty of them. */
|
||
--radius-lg: 13px;
|
||
--radius-xl: 16px;
|
||
}
|
||
|
||
/* Table rows an operator scans rather than reads: 40–44px, against the 48–56px
|
||
the portal uses. Written here rather than in the views so a future table
|
||
inherits it instead of restating it. */
|
||
.theme-admin table td {
|
||
padding-top: 11px;
|
||
padding-bottom: 11px;
|
||
}
|
||
|
||
.theme-admin table th {
|
||
padding-bottom: 10px;
|
||
}
|