{"version":3,"file":"Card.module.cjs","names":[],"sources":["../../../src/components/Card/Card.module.css"],"sourcesContent":[".card {\n    background-color: var(--tempest-bg);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    padding: var(--tempest-space-5);\n    box-shadow: var(--tempest-shadow-sm);\n    color: var(--tempest-text);\n    transition:\n        var(--tempest-transition-shadow),\n        var(--tempest-transition-transform),\n        border-color var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n/* ============================================================\n * Elevation variants\n * ============================================================ */\n.flat {\n    box-shadow: none;\n}\n.raised {\n    box-shadow: var(--tempest-shadow-md);\n}\n.elevated {\n    box-shadow: var(--tempest-shadow-lg);\n    border-color: transparent;\n}\n\n/* ============================================================\n * Interactive — hoverable card (use for clickable cards, list rows)\n * ============================================================ */\n.interactive {\n    cursor: pointer;\n}\n@media (hover: hover) and (pointer: fine) {\n    .interactive:hover {\n        border-color: var(--tempest-border-strong);\n        box-shadow: var(--tempest-shadow-md);\n        transform: translateY(-1px);\n    }\n}\n.interactive:active {\n    transform: translateY(0);\n    box-shadow: var(--tempest-shadow-sm);\n}\n.interactive:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.padded {\n    padding: var(--tempest-space-5);\n}\n\n.flush {\n    padding: 0;\n}\n\n.header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-4) var(--tempest-space-5);\n    border-bottom: 1px solid var(--tempest-border);\n}\n\n.title {\n    margin: 0;\n    font-size: var(--tempest-text-md);\n    font-weight: var(--tempest-weight-semibold);\n    line-height: var(--tempest-leading-snug);\n    color: var(--tempest-text);\n}\n\n.body {\n    padding: var(--tempest-space-5);\n}\n\n.footer {\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-4) var(--tempest-space-5);\n    border-top: 1px solid var(--tempest-border);\n}\n"],"mappings":";"}