| 1 | /*! Fiesta 1.1.0 | MPL-2.0 | https://fiesta.rastrillo.org */ |
| 2 | |
| 3 | :root { |
| 4 | color-scheme: light dark; |
| 5 | |
| 6 | --rst-font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; |
| 7 | |
| 8 | --rst-radius: 4px; |
| 9 | --rst-radius-sm: 3px; |
| 10 | --rst-radius-pill: 999px; |
| 11 | |
| 12 | --rst-bg: light-dark(#ffffff, #0f0f0f); |
| 13 | --rst-surface: light-dark(#ffffff, #171717); |
| 14 | --rst-surface-2: light-dark(#f4f4f4, #131313); |
| 15 | --rst-line: light-dark(#e0e0e0, #2b2b2b); |
| 16 | --rst-line-strong: light-dark(#767676, #8f8f8f); |
| 17 | |
| 18 | --rst-header-rule: var(--rst-line); |
| 19 | |
| 20 | --rst-text: light-dark(#111111, #f2f2f2); |
| 21 | --rst-text-muted: light-dark(#4a4a4a, #b3b3b3); |
| 22 | --rst-text-faint: light-dark(#636363, #a0a0a0); |
| 23 | |
| 24 | --rst-accent: light-dark(#111111, #f2f2f2); |
| 25 | --rst-accent-strong: light-dark(#000000, #ffffff); |
| 26 | --rst-accent-soft: light-dark(#ededed, #242424); |
| 27 | --rst-on-accent: light-dark(#ffffff, #0f0f0f); |
| 28 | |
| 29 | --rst-tone-neutral-fg: light-dark(#3f3f3f, #c8c8c8); |
| 30 | --rst-tone-neutral-bg: light-dark(#eaeaea, #262626); |
| 31 | --rst-tone-positive-fg: light-dark(#2e5b3e, #9fc8ac); |
| 32 | --rst-tone-positive-bg: light-dark(#e4ebe6, #1a231d); |
| 33 | --rst-tone-warning-fg: light-dark(#6a5320, #d3c08a); |
| 34 | --rst-tone-warning-bg: light-dark(#efeadd, #262218); |
| 35 | --rst-tone-negative-fg: light-dark(#7a2c2c, #dba3a3); |
| 36 | --rst-tone-negative-bg: light-dark(#f0e3e3, #2a1c1c); |
| 37 | |
| 38 | --rst-shadow-pop: 0 1px 3px light-dark(rgba(0, 0, 0, 0.14), rgba(0, 0, 0, 0.5)); |
| 39 | --rst-shadow-knob: 0 1px 1px light-dark(rgba(0, 0, 0, 0.22), rgba(0, 0, 0, 0.4)); |
| 40 | --rst-shadow-knob-hover: var(--rst-shadow-knob); |
| 41 | --rst-shadow-lift: 0 1px 1px light-dark(rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0.3)); |
| 42 | --rst-overlay: light-dark(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.6)); |
| 43 | |
| 44 | --rst-accent-fill: var(--rst-accent); |
| 45 | --rst-accent-fill-hover: var(--rst-accent-strong); |
| 46 | --rst-accent-fill-edge: var(--rst-accent); |
| 47 | --rst-accent-fill-edge-hover: var(--rst-accent-strong); |
| 48 | --rst-on-accent-fill: var(--rst-on-accent); |
| 49 | --rst-danger-fill: var(--rst-tone-negative-fg); |
| 50 | --rst-danger-fill-hover: var(--rst-tone-negative-fg); |
| 51 | --rst-danger-fill-edge: var(--rst-tone-negative-fg); |
| 52 | --rst-danger-fill-edge-hover: var(--rst-tone-negative-fg); |
| 53 | --rst-on-danger-fill: var(--rst-on-accent); |
| 54 | --rst-on-danger-fill-hover: var(--rst-on-accent); |
| 55 | --rst-danger-hover-filter: brightness(0.9); |
| 56 | --rst-control-face: var(--rst-surface); |
| 57 | --rst-control-face-hover: var(--rst-surface); |
| 58 | --rst-control-face-press: transparent; |
| 59 | --rst-control-border: var(--rst-line-strong); |
| 60 | --rst-control-border-hover: var(--rst-accent); |
| 61 | --rst-control-text-hover: var(--rst-accent); |
| 62 | --rst-ghost-edge: var(--rst-line-strong); |
| 63 | --rst-ghost-face-hover: transparent; |
| 64 | --rst-ghost-edge-hover: var(--rst-line-strong); |
| 65 | --rst-summary-face: transparent; |
| 66 | --rst-summary-face-hover: transparent; |
| 67 | --rst-summary-edge: transparent; |
| 68 | --rst-summary-edge-hover: transparent; |
| 69 | --rst-summary-radius: 0; |
| 70 | --rst-depth-hl: transparent; |
| 71 | --rst-depth-contact: transparent; |
| 72 | --rst-depth-ambient: transparent; |
| 73 | --rst-depth-face: 0; |
| 74 | --rst-press-drop: 0px; |
| 75 | --rst-knob: var(--rst-surface); |
| 76 | --rst-knob-shade: var(--rst-surface); |
| 77 | --rst-track-off: var(--rst-line-strong); |
| 78 | --rst-switch-w: 34px; |
| 79 | --rst-switch-h: 19px; |
| 80 | --rst-switch-knob: 15px; |
| 81 | --rst-switch-touch-w: 34px; |
| 82 | --rst-switch-touch-h: 19px; |
| 83 | --rst-switch-touch-knob: 15px; |
| 84 | --rst-tint-hover: var(--rst-accent-soft); |
| 85 | --rst-tint-press: var(--rst-accent-soft); |
| 86 | --rst-tint-tap: transparent; |
| 87 | --rst-tint-card-hover: transparent; |
| 88 | --rst-tint-tile-hover: var(--rst-surface); |
| 89 | --rst-tint-tile-press: var(--rst-surface); |
| 90 | --rst-tint-group-hover: transparent; |
| 91 | --rst-row-tint-hover: var(--rst-surface-2); |
| 92 | --rst-row-tint-press: var(--rst-surface-2); |
| 93 | --rst-focus-edge: var(--rst-line-strong); |
| 94 | --rst-focus-halo: transparent; |
| 95 | --rst-sheen-fill: transparent; |
| 96 | --rst-sheen-plain: transparent; |
| 97 | --rst-light-rim: var(--rst-line); |
| 98 | --rst-light-wash: transparent; |
| 99 | --rst-press-wash: 0; |
| 100 | --rst-press-spot: 0; |
| 101 | --rst-press-wash-plain: 0; |
| 102 | --rst-press-spot-plain: 0; |
| 103 | --rst-title-size: 1.375rem; |
| 104 | --rst-title-weight: 600; |
| 105 | --rst-title-track: -0.015em; |
| 106 | --rst-heading-size: var(--rst-fs-base); |
| 107 | --rst-label-case: uppercase; |
| 108 | --rst-label-track: 0.06em; |
| 109 | --rst-rail-bg: var(--rst-surface); |
| 110 | --rst-nav-current-bg: var(--rst-accent-soft); |
| 111 | --rst-nav-current-fg: var(--rst-accent); |
| 112 | } |
| 113 | |
| 114 | :root[data-theme="light"] { color-scheme: light; } |
| 115 | :root[data-theme="dark"] { color-scheme: dark; } |
| 116 | |