.oc{--canvas:#faf8f4;--raised:#fff;--sunken:#f2ede3;--ink:#1c1a17;--ink-secondary:#6b6358;--ink-tertiary:#a89f90;--hairline:#e8e2d6;--divider:#c9bfad;--accent:#7a1f2b;--accent-press:#5e1721;--approved:#3d5a40;--pending:#b8842b;--rejected:#7a1f2b;--radius-card:4px;--radius-button:4px;--radius-badge:2px;--motion-fast:150ms;--ease-primary:cubic-bezier(0.22,1,0.36,1);--focus-ring:0 0 0 2px var(--canvas),0 0 0 4px var(--accent)}@media (prefers-color-scheme:dark){.oc{--canvas:oklch(0.18 0.008 75);--raised:oklch(0.21 0.008 75);--sunken:oklch(0.24 0.008 75);--ink:#f2ede3;--ink-secondary:#c9bfad;--ink-tertiary:#a89f90;--hairline:oklch(0.28 0.008 75);--divider:oklch(0.32 0.008 75);--accent:#c25868;--accent-press:#a84a5a;--approved:#6b8e6f;--pending:#d9a653;--rejected:#c25868}}.oc .text-ink,.oc.text-ink{color:var(--ink)}.oc .text-ink-secondary,.oc.text-ink-secondary{color:var(--ink-secondary)}.oc .text-ink-tertiary,.oc.text-ink-tertiary{color:var(--ink-tertiary)}.oc .text-canvas,.oc.text-canvas{color:var(--canvas)}.oc .text-oxblood,.oc.text-oxblood{color:var(--accent)}.oc .text-approved,.oc.text-approved{color:var(--approved)}.oc .text-pending,.oc.text-pending{color:var(--pending)}.oc .text-rejected,.oc.text-rejected{color:var(--rejected)}.oc .bg-canvas,.oc.bg-canvas{background-color:var(--canvas)}.oc .bg-raised,.oc.bg-raised{background-color:var(--raised)}.oc .bg-sunken,.oc.bg-sunken{background-color:var(--sunken)}.oc .bg-ink-tertiary,.oc.bg-ink-tertiary{background-color:var(--ink-tertiary)}.oc .bg-oxblood,.oc.bg-oxblood{background-color:var(--accent)}.oc .bg-approved,.oc.bg-approved{background-color:var(--approved)}.oc .bg-pending,.oc.bg-pending{background-color:var(--pending)}.oc .bg-rejected,.oc.bg-rejected{background-color:var(--rejected)}.oc .border-hairline,.oc.border-hairline{border-color:var(--hairline)}.oc .decoration-hairline,.oc.decoration-hairline{text-decoration-color:var(--hairline)}.oc .divide-hairline>:not([hidden])~:not([hidden]){border-color:var(--hairline)}.oc .rounded-badge,.oc.rounded-badge{border-radius:var(--radius-badge)}.oc .rounded-button,.oc.rounded-button{border-radius:var(--radius-button)}.oc .rounded-card,.oc.rounded-card{border-radius:var(--radius-card)}.oc .hover\:text-oxblood:hover,.oc.hover\:text-oxblood:hover{color:var(--accent)}.oc .hover\:decoration-oxblood:hover,.oc.hover\:decoration-oxblood:hover{text-decoration-color:var(--accent)}.oc .hover\:bg-raised:hover,.oc.hover\:bg-raised:hover{background-color:var(--raised)}.oc .hover\:border-ink:hover,.oc.hover\:border-ink:hover{border-color:var(--ink)}.oc .hover\:bg-\[var\(--accent-press\)\]:hover,.oc.hover\:bg-\[var\(--accent-press\)\]:hover{background-color:var(--accent-press)}